@charset "utf-8";
/** CSS Document
 * @author	Grimm EDV - Systeme Bernburg / Steffen Banse <s.banse@grimmedv.de>
 * @copyright	Copyright (c) 2004-2021, Grimm EDV Systeme
 * @license	http://opensource.org/licenses/GPL-2.0 GNU GPL-2
 * @link	https://www.grimmedv.com
 * @version	1.0010 20211012
 * @stand	developement  
 * @access      public
*/
:root{
    --default-color:#4d4d4d;
    --gray-medium: #aeaeae;
    --green-default: #4bbe1e ;
    --green-opacity-50:#4bbe1e8f;
    --light-gray:#f5f5f5;
    --white:#fff;
    
    --border-color-default:#ddd;
    --box-shadow-default: 0 3px 3px #acacac;
}
body, html{padding:0;margin:0;padding-top: 80px;}
body{font-size:18px; font-family:Arial; color:var(--default-color); line-height:1.3; font-family: aller, sans-serif;
 font-style: normal;
 font-weight: 300;}
p{margin:0 0 12px 0}
h1{font-size:1.8em}
h2{font-size:1.4em}
h3{font-size:1.2em}
h4, h5, h6, h7{font-size:1.0em}
img{max-width:100%; height:auto;}
section.absatz{margin:0;padding:60px 0}
section.absatz:nth-child(even){background:var(--light-gray)}
section.absatz .row{align-items:center;}
.absatz h1,.absatz h2, .absatz h3{text-align:center}
.absatz ul{clear:both;width:fit-content;margin:30px 0;flex: 4 0 100%;}
.absatz li{line-height: 2;}
.absatz .fa-regular, .far{text-align:center;font-size: 36px;line-height: 48px;margin-bottom:1rem}
.absatz .jumbotron{padding-top: 1rem}
.far:before{width: 36px;height: 36px;}
.absatz .icon{flex: 4 0 0%;text-align: center;}
.angebote .card{max-width:30%}
.flex-item, .row .flex-1{flex:1 0 0%;}
.flex-item .item-header h3, .flex-item .item-header h4{margin-bottom: 1em; font-size: 1.3em}
.flex-item .item-header h4{font-size: 1.1em}
.row .flex-3{flex:3 1 0%;}
.row .flex-1, .row .flex-3, .flex-item{margin:0 15px;}
.min-66{min-width:60%}
.inline-video{width:100%;height:100%;}
.article-summary-image img{width:100%; height:auto;}
.box-content, .box-content .images, .box-content .images figure, .box-content .images figure img{height:100%; width:auto;}
.card-deck{margin: 2em 0;width: 100%;}
.card-deck .card{flex: 1 0 300px;margin-bottom:30px !important;min-width: 300px;}
.card-deck .card{position:relative;}
.card-deck .card img{width:100%; height:auto}
.card-deck a:hover {text-decoration:none;}
.card:hover, .card:hover a {background:var(--light-gray); color:#666}
.card-header h3, .card-header h4{font-size:1.2rem}
.card-footer{bottom:0;width:100%;}
.cols-2.card{min-width: 45%}
.content-block{background:var(--light-gray); padding:1em; border:1px solid var(--border-color-default); border-radius:0.25rem; }
.content-block, #zentrale-anlaufstelle-missbrauch .card, .file-list .btn{box-shadow:var(--box-shadow-default);} 
.content-block h3{margin:0 0.5em}
.content-block .card-deck{margin:0}
.content-block .card{border:solid 1px #bbb; margin:0.5em 1em}
.cp-header{margin-bottom: 30px;}
.fa-classic, .fa-regular, .fa-solid, .far, .fas{font-size:130%; margin-right:6px}
.flex-item h3{text-align:left}
.flex-item.w-100{flex:1 0 100%}
.file-list .btn{background:var(--green-default);color:#fff}
.fullwidth{width:100%}
.fullwidth img{width: 100%; height:auto}
.fullwidth .carousel-inner{height: 700px; overflow: hidden}
.fullwidth .carousel-caption{width:100%; text-align: center;background:var(--green-opacity-50);left: 0;right: 0;font-size: 1.3em}
.fullwidth .carousel-caption .info-text{font-size: .7em;}
.grid_3{width:308px}
.grid_9{width:616px}
#container{margin:0; padding:0;position:relative}
.caption{font-size:11px;clear: both;float: none;}
.container{width:960px; margin:0 auto; position:relative;display: block;clear: both;z-index: 10;}
.container .container{width:auto;padding: 0;margin: 0;}
.cols-1, .block, .profil{width:308px; border:solid 1px transparent}
.indicators, .controls{display:none;}
.grid_9 .index{width:100%}
.lightgray, .contactform, .profil, .dark, .ballenstedt, .ansprech, .kontakt, .important{background-color: #E2E2E2;}
.contactform, .profil{border:solid 1px #4bbe1e; border-radius:3px;padding: 0;}
.contactform{width: 624px;margin: 0 0 1em;}
.contactform form{margin:0; vertical-align:top}
.dark, .ballenstedt, .ansprech, .kontakt{clear:both;display:inline-block; width:100%; border:solid 1px #ccc; border-width:2px 0; margin:1em 0; padding:1em 0}
.datum{font-size:0.6em; font-weight:normal; float:right}
.form-cols-2.block.contactform{border:none;padding:0}
.green, .block .blockheader-3, .block .blockheader-4, .contactform input[type="submit"], .profil h3, .card-header{background-color: #4bbe1e !important;color: #ffffff;}
.darkgray{
    background: linear-gradient(top, #4b4b4b 0%, #545454 31%, #828282 100%);
    background: -moz-linear-gradient(top, #4b4b4b 0%, #545454 31%, #828282 100%);
    background: -webkit-linear-gradient(top, #4b4b4b 0%, #545454 31%, #828282 100%);
    background: -ms-linear-gradient(top, #4b4b4b 0%, #545454 31%, #828282 100%);
    background: -o-linear-gradient(top, #4b4b4b 0%, #545454 31%, #828282 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4b4b4b, endColorstr=#828282,GradientType=1);
    color: #fff;
 }
 .copyright{background-color:#4b4b4b;}
.footerAdress h3, #mainSlider h3{display:none;}
.form-type-break{border-bottom:dotted 1px var(--default-color); margin:0.5em 0;}
.blockheader-3, h3{font-size:1.2em}
.block .blockheader-3, .block .blockheader-4, .form-field{margin:0; padding:6px}
.form-type-breaktext.no-label{padding:0}
.block .blockheader-3 p, .block .blockheader-4 p {margin:0}
.hidden{display:none}
.name, .contact, .konto, .name p, .contact p, .konto p{font-size:12px; margin:2px 0}
.name p, .contact p, .konto p{display:inline-block}
.name{float:left;}
.contact{text-align: right;}
#mainBlock .imageEntry{max-width:300px; background-color:#4bbe1e; border:solid 1px #ccc; color:#fff}
#mainBlock .imageEntry p, .caption{font-size:11px;margin:0 3px 3px 3px;}

.konto{clear:both; width:100%; text-align:center;}
.left, .right{float:left; }
.right{float:right}
.left{margin-right:12px}
.no-list-point ul{list-style:none;font-weight:bold}
.no-list-point li p {margin-bottom:0}
.profil .row{margin: 0;width: 100%;overflow: hidden;}
.profil .flex-item{margin:0}
.profil h3, .profil h4{margin:0;/* padding:0 6px; */}
.profil h3,.profil h4{margin:0;}
.profil .image{max-width: 150px;}
.profil .content .row{font-size:1.2em;padding:unset;border-top:1px dotted #ccc}
.profil .content .row:nth-child(1){border-color:transparent}
.profil .content .row .label{padding-left:unset}
.profil .content .header{background:#4bbe1e !important}
.profil .content div{padding:6px 12px;box-sizing: content-box;}
.profil .label, .profil .input{display:inline-block;font-size:0.8em}
.profil .label{font-weight:bold;width:60px;padding-left: 0;}
.profil .imgtxt-column-left .imgtxt-column-left-text{flex-direction:column;/* font-size: 1.2em; */}
.cols2.profil{width:478px;width: 466px;}
.three-cols{display:inline-block;width: 100%;}
.three-cols .profil {width: 31%;height: 200px;margin: 0 2% 2% 0;}
.three-cols .profil.last{margin-right:0}
.three-cols .profil h3{padding:3px 6px;}
.three-cols .profil .imgtxt-column-left .imgtxt-column-left-text,
.three-cols .profil .imgtxt-column-left .imgtxt-column-left-image, .card .imgtxt-column-left .imgtxt-column-left-text{margin:0 1%;width: 68%;}
.three-cols .profil .imgtxt-column-left .imgtxt-column-left-image{width:28%}
.three-cols .profil .label{display:block}
.card .imgtxt-column-left .imgtxt-column-left-image, .card .imgtxt-column-left .imgtxt-column-left-text{display: inline-flex;vertical-align: top;}
.card .label, .card .input{display:inline-flex}
.card .label{min-width:55px}
.inner-flex{display:flex;margin: auto;}
.inner-flex.column, .inner-flex.column .row{flex-direction:column;}
.item-center h3, .item-center h3{text-align:center}
.image-border img{border:solid 1px #ccc; padding:1em}
.jumbotron, .stabstellen .card{border:solid 1px #ccc;box-shadow: 0px 2px 2px #a19e9e;}
.kontakt .card .imgtxt-column-left-text, .ansprech .card .imgtxt-column-left-text{flex-direction:column;font-size: 14px;}
.kontakt .container .row{display:flex; flex-direction:row;}
.kontakt .container .row .card {flex: 1 0 300px; margin:1em}
.kontakt .container .row .card .imgtxt-column-left-image img {max-width:75px; height:auto}
#rightBlock{flex: 1 0 0%;}
#losung .LTitle, #losung .infotext{display:inline-block; width:100%}
#rightBlock .grid_3{float: right;width: 312px;}
#losung .infotext{font-size:0.8em}
.spaceBeforeCP, .spaceAfterCP{display: inline-block;clear:both;width: 100%;}
.teaser{float:left;position: relative;z-index: 0;}
.index .teaser{width: 637px;}
.marker{color:red;font-weight:500}
.singleImage{display:inline-block; margin:0 auto;}
.teaser-date{float:right; width:auto;margin-left:1em;padding:3px 6px; font-size:0.8em;border: solid 1px #4BBE1E;border-radius: 3px;background: #E2E2E2;}
.teaser-entry{height: 250px;margin-left: 12px;padding:6px;}
.teaser-entry, #losung .entry{border: solid 1px #4BBE1E;border-radius:3px;background: #E2E2E2;position:relative;margin-bottom: 12px;overflow: hidden;z-index: 1;}
.teaser-entry{width: 298px;float:left;}
.teaser-subline{bottom:0;position: absolute;margin: 0 -6px;width: 312px;}
.teaser-subline div{clear:both;font-size: 10px;display:inline-block;width: 312px;}
.teaser-subline h3, .teaser-subline h4, #losung h3{margin:0}
.teaser-subline .teaser-date{width:auto; font-size:0.8em}
.teaser-subline .teaser-headline, .LTitle{background: #4BBE1E;background: rgba(75, 190, 30, 0.90);}
.teaser-subline .teaser-headline, .LTitle, .teaser-subline .teaser-headline a, .LTitle a{color: #FFFFFF;text-shadow: 1px 2px 1px #4D4D4D;}
.teaser-subline .text, #losung .infotext{background: #4D4F4E;background: rgba(77, 79, 78, 0.9);}
.teaser-subline .text, .teaser-subline .text a, #losung .infotext{color: #fff;}
.search-listing{clear:both}
.search-listing .teaser{padding:0}
.search-listing .search-item{padding:0;margin: 0 12px 12px 0;}
.search-listing .teaser-subline{margin: 0;}
.search-listing .teaser-subline h3{font-size:1.5rem}
.search-listing .teaser-subline h4{font-size:1.3rem}
.search-listing .teaser-subline, .search-listing .teaser-subline div{width: 298px;}
.search-listing .teaser-subline .innerspace{width: 288px;}
.search-listing .teaser-entry{height:300px;}
.search-listing .teaser-headline{font-size:1rem}
.stabstellen .card{border:solid 1px var(--gray-medium); border-radius:.25em; overflow: hidden}
div.search-item-details{width: auto !important;}
div.search-item-details p{margin:0 0 1em 0}
.innerspace{margin:6px;display: block;}
.teaser-subline .innerspace{width: 300px;}
.block .teaser-subline{position:relative;margin: 0;width: auto;}
.teaser-entry.col-3{}
.pagination{font-weight:400;color:#747474;line-height:30px;width: 100%;margin:1em 0}
.pagination-navi .entry{margin:0 3px; width:30px;height:30px;text-align:center;font-weight:bold;}
.pagination-navi .entry a {border:solid 1px #ccc;  border-radius:3px; font-weight:normal;text-decoration:none; color:#747474; display:block}
.pagination a:hover{background-color:#4bbe1e; color:#fff;text-decoration:none;}
.pagination-navi{float:right;display: inline-flex;}
h1, h2, h3, h4, h5, h6 {font-family: aller, sans-serif;font-weight: 500;letter-spacing: 0.02em;/* clear: both; *//* width: 100%; */}
strong,b, .subtitle, cp-subtitle {font-weight:700;letter-spacing:0.02em;}
a, a:link, a:visited, a:active, a:focus {color: #96172E;text-decoration: none}
a:hover, #footerNavi li a {color: #4bbe1e;text-decoration: underline;}
a.read-more{text-decoration:underline;font-size:12px}
a:hover .card-img-top{-webkit-filter: grayscale(1);filter: grayscale(1);}
.anchor-cp{padding-top:300px;}
input[type="text"], input[type="email"]
, input[type="submit"]
, textarea
, select{width: 94%; padding:6px; border-radius:4px; border:solid 1px #ccc}
input[type="submit"], select{width:100%}
.video{flex:1 0 0%;/*! margin: 40px 0; */background: var(--light-gray);padding: 1em;border-radius: 0.25rem;border: solid 1px var(--border-color-default);overflow: hidden;box-shadow: var(--box-shadow-default);}
.video .row{margin-left: 0;margin-right: 15px;}
.video iframe{width:100%;height: 630px;}
#headerBlock, #mainBlock, #footerBlock, #content-all {position: relative;clear:both;padding-top: 1px;z-index: 1;}
#headerBlock{margin: 0 0 1em 0;z-index: 10;position: fixed;width: 100%;background: #fff;top: 0;}
#headerBlock .withe{height: 85px;}
#headerBlock .green{min-height: 44px;}
#headerBlock .green
#headerBlock .navi{position:absolute;width:100%;height:36px;}
#logo{z-index:10;position:absolute;width:100%;}
#logo .imageEntry{float:left;}
#headerNavbar{flex:1 0 0%;}
#headerNavbar .nav-pills .nav-link.active, #headerNavbar .nav-pills .show>.nav-link{background-color:#3e9a1a}
#mainSlider, .slider-wrapper{border:solid 1px #4bbe1e;border-width:1px 0;}
#mainSlider{padding:24px 0;border:solid 1px #4bbe1e; border-width:1px 0;z-index: 1;position: relative;}
#mainSlider .slider-wrapper{border-width: 2px 0;border-radius:4px}
#mainSlider .container{position:relative;}
#mainSlider .nivo-controlNav{position:absolute;bottom: auto; z-index:200;padding: 10px;top: 0;}
#mainSlider .nivo-controlNav a{text-indent:0;background:#fff;background: rgba(255, 255, 255, 0.50);font-size:13px;border: solid 1px #4bbe1e;color:#4bbe1e;width:auto;min-width: 22px;}
#mainSlider .nivo-controlNav a.active{background:#4bbe1e; background:rgba(75,190,30,0.7); color:#fff}
#mainSlider .theme-default .nivoSlider{-webkit-box-shadow: none; -moz-box-shadow: none;box-shadow:none}
#mainSlider .nivo-caption{bottom:0.3em;background-color:var(--default-color);border:solid 1px #4bbe1e;border-width:2px 0;text-align:right;font-size: 1.5rem;}
#mainSlider .container{max-width:100%;}
#mainSlider, #mainSlider .container, #mainSlider .row, .slider-wrapper{padding: 0;margin: 0 !important;}
#carousel-525 img{top:-180px;position: absolute;}
#content-all section{margin:50px 0;}
#mainBlock{overflow: auto;padding: 50px 0;}
#rightBlock .teaser-entry{width: 294px;font-size:14px;height:auto;}
#rightBlock .btn{display: block;text-align:center;}
#footerNavi{margin: 15px 0;}
#footerNavi ul{margin:0;padding:0;display: flex !important;flex-direction: row;flex-wrap: wrap;}
#footerNavi ul ul{flex-direction:row;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#footerNavi li{list-style:none;flex: 1 0 20%;border: solid 1px #858383;white-space: nowrap;text-align: center;border-radius: 0.25rem;margin: 0.5em;background:rgba(96, 93, 93, 0.6);}
#footerNavi li li{font-weight:normal;flex:1 0 0%;background:#4e4e4e;box-shadow: 3px 3px 3px #4c4b4b;}
#footerNavi li:hover{background:#666666;}
#footerNavi li li:hover{background:#e6e6e6;}
#footerNavi li li:hover a{color:#666}
#footerNavi li a{color:#fff; font-size:0.8em; text-decoration:none; }
#footerNavi li a:hover{color:#999}
#footerBlock .copyright{font-size:10px;text-align:right;border-top: solid #999 1px;line-height: 18px;margin: 1em auto 0 auto;clear: both;position: relative;display: inline-block;width: 100%;vertical-align: middle;}
#footerBlock .copyright, #footerBlock .copyrighta{color: #999;}
#footerBlock .copyright p{margin:0}
#chronik{padding:0;margin: 0 0 1em 0;display: inline-block;width: 100%;}
#chronik h3{margin-top:0}
#chronik ul{width:100%; padding:0}
#chronik ul{display: flex;flex-direction: column;width: 100%;}
#chronik ul, #chronik li{padding:0; margin:0;}
#chronik ul, #chronik li,#chronik li li .no-listpoint li{list-style:none;margin-left: 0 !important;}
#chronik li{float:left;width:100%;padding:0.5em;margin: 0.5em 0;}
#chronik ul li:nth-of-type(odd){background-color:rgba(226, 226, 226, 0.8); border-radius:3px; border:solid 1px #4bbe1e}
#chronik ul li ul{flex-direction: row !important;}
#chronik ul li li{padding-right: 12px;flex: 3 0 80%}
#chronik ul li li:nth-of-type(odd){background:none; border:none}
#chronik ul ul li:first-child{flex: 1 0 20%;}
#chronik ul li li li{list-style-type:disc;margin:0 0 0 1em;padding: 0;font-size: 0.9em;}
#chronik ul li li li:first-child{width:auto}
#chronik ul li {font-size:0}
#chronik ul li li{font-size:18px}
#chronik ul li ul li ul{flex-direction: column !important;}
#chronik .sub-text{font-size:0.8em}
#chronik .sub-text h5{font-size:1em;font-weight:bold;line-height: 1.2em;margin-bottom: 0;margin-top: 0.25rem;}
#images214{float:right;margin:0 0 1em 1em;}
#images192 .imageEntry{clear:both;margin-bottom: 1em;float: none !important;max-width: 100%;}
#images192 .imageEntry img{width:100%; height:100%}
#zentrale-anlaufstelle-missbrauch{color: #939b96;}
#zentrale-anlaufstelle-missbrauch .card-header{background-color: #dbcb40 !important;}
/* gGmbh extras */
.gGmbH #mainSlider{box-shadow:0 3px 3px #ccc; border-color:#666; background-color:#f7f6f6;}
.dsvgo ul{list-style:none}
.dsvgo ul ul{list-style:circle}
.dsvgo ul ul li{margin-bottom:1em}
.dsvgo .copyright{font-size:0.8em}
.patchday {background: red;padding: 1em;color: #fff;}
.important{border:solid 1px red;border-radius:0.5em;}
.important .row {margin: 15px;}
@media all and (min-width:1025px){
    .profil.card{flex-direction:row;}
    .profil.card .card-image-top{max-width: 150px;}
}
/* Beginn Media Queries fuer groessenoptimierung */
@media all and (min-width:960px){
    .teaser .col-1{margin-left:0} #images214 .imageEntry{max-width:450px}
    .navbar.navbar-expand-lg{padding:0;}
    nav{margin-left:100px;}
    .nav-link{padding: 0 12px !important;line-height: 36px;}
    #content{flex:3 0 0%; margin-right:1%;}
    #rightBlock{flex:1 0 0%; margin-left: 1%}
    .box-content{float:right}
    .card-deck.desktop-cols-2 .card{min-width: 40%}
    .index .card-deck .card{max-width:50%}
    .inline-video{min-height: 300px;}
    .article-summary-image.col-md-4{float:left;}
    .kontakt .container .row .card {flex: 1 0 45%;}
    #stiftung .container{/* max-width: 80%; */}
    #mainSlider .container{max-width:100%;}
    .stabstellen .card{/* min-width: 30%; */}
    
}
@media all and (max-width:1024px){
    #footerNavi li{flex:1 0 40%}
    #carousel-525 img{top:-50px;}
    .fullwidth .carousel-inner{height:600px}
}
@media all and (max-width:960px){
    .container{width: 768px;}
    .index .teaser{width:100%}
    .cols2.profil{width:47.5%; margin: 0 1%}
    .cols2.profil .imgtxt-column-left-text{width:68%;margin:0 1%;}
    .cols2.profil .imgtxt-column-left-image{width:22%;margin:0 1%;}
    .profil .imgtxt-column-left-image img{width:100%; height:auto}
    .three-cols .profil .imgtxt-column-left-image{clear:both;width: 100% !important;margin: 0 !important;float: none;}
    .three-cols .profil .imgtxt-column-left .imgtxt-column-left-text, .three-cols .profil .imgtxt-column-left .imgtxt-column-left-image{width:100%}
    .three-cols .profil .imgtxt-column-left-image img{width:auto;float:none;margin: 0 auto;}
    .three-cols .profil .imgtxt-column-left-image a{display: inline-block;margin: auto;}
    .three-cols .profil{height:300px; text-align:center}
    .three-cols .profil .label{width:100%}
    .teaser-entry, #losung .entry {width: 248px;}
    .teaser-subline div{width:260px}
    .teaser-subline .innerspace{width:254px}
    .teaser-entry{margin: 0 6px 12px 0;}
    .teaser .col-2{margin-right:0}
    .index .teaser-entry{width:46%}
    .index .teaser-subline{width:100%}
    .index .teaser-subline div{width: 99.7%;}
    #chronik ul li li{width:60%;}
    #chronik ul li li:first-child{width:35%}
    #losung .entry {float: right;}
    #losung .grid_3{margin-left:546px;}
    #mainSlider .container{width:100%;}
    #mainSlider .slider-wrapper{border-width:1px 0; border-radius:0}
    /* Horizontale Navigation */
    #headerBlock .green .row{flex-direction:column;position: absolute;right: 0;top: -56px;}
}
@media all and (max-width:768px){
    body{font-size: 16px;}
    .container{width: 640px;}
    .cols-2, .index .article-summary-text{width:100%}
    .teaser-entry, #losung .entry {width:320px}
    .teaser-subline div{width:332px}
    .teaser-subline .innerspace{width:312px}
    .container .container{width:100%; }
    .container .container p{text-align:center; display:block;width: 100%;}
    .name, .contact, .konto{float:none;line-height: 20px;}
    .pagination{flex-direction:column-reverse;text-align:right;}
    #losung .grid_3{margin-left:346px;}
    #footerNavi li{flex:1 0 40%; border:solid 1px #ccc; border-radius:3px; margin:1em}
    #footerNavi li ul li{margin: 0.1em 0.5em;}
    #content, #rightBlock{flex:1 0 0%; margin:2%}
    #content .index .card-deck{flex-direction:column}
    #content .index .card-deck .card{margin:15px 0;max-width: 100%;}   
    .fullwidth .carousel-inner{height:400px}
    
}
 /* mobile Navigation */
@media all and (max-width:768px){ 
    .navbar-collapse.collapse.show ul li{background:#4bbe1e; border:solid 1px #fff; border-radius:0.25em}
    .navbar-collapse.collapse.show ul li ul{background:var(--white)}
    .navbar-collapse.collapse.show ul li li{background:var(--light-gray)}
}

@media all and (max-width:640px){
    .index{width:100%}
    .container{width:480px;}
    .teaser-entry, #losung .entry {width:210px;}
    .teaser-subline {width:224px;}
    .teaser-subline div{width:224px;}
    .teaser-subline .innerspace{width: 210px;}
    .profil{clear:both;float:none;margin: 0 auto 1em auto !important;width: 300px !important;height: auto !important;}
    .profil .image-with-text{display:inline-block; width:100%}
    .profil .imgtxt-column-left-image{clear:both;width:100% !important;margin:0 !important;float:none;}
    .profil .imgtxt-column-left .imgtxt-column-left-text, .three-cols .profil .imgtxt-column-left .imgtxt-column-left-image{width:100%}
    .profil .imgtxt-column-left-image img{width:auto;float:none;margin: 0 auto;}
    .profil .imgtxt-column-left-image a{display: inline-block;margin: auto;}
    .profil{/* height:300px; */text-align:center}
    .profil .label{width:100%}
    .cols-2.card{min-width: 90%}
    .pagination-navi{flex-wrap: wrap;}
    .pagination-navi .entry{margin-bottom:1em}
    #losung .grid_3{margin-left:0;width:100%;}
    #losung{position:relative; top:0}
    #losung .entry{margin:0 6px;width:222px;margin-bottom:1em;float:left;}
    /*footer navigation aendern*/
    #footerNavi li {width:100%; font-size:18px;line-height:30px; margin:3px 12px}
    #footerNavi li li{width:auto;display:inline-block}
}
@media all and (max-width:480px){
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin:0 15px;}
    .card .h1, .card .h2,.card .h3, .card .h4, .card .h5, .card .h6, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6{margin:0;}
    .container{width: 300px;}
    .row{flex-direction:column;margin: 0 !important;}    
    .teaser-entry, #losung .entry {width: 300px;font-size: 16px;margin: 0 0 1em 0;}
    .teaser-entry, .index .teaser-entry, .teaser-subline .innerspace, #losung .entry .inner{width:288px}
    .teaser-subline div{width:300px;font-size: 16px;font-weight: normal;}
    #losung{position:relative; top:0}
    #losung .grid_3{margin-left:0;}
    #chronik ul li li{width:auto;clear:both}
    #chronik ul li li:first-child{width:auto}
    #mainSlider{display:none;}
    #footerNavi ul{flex-direction:column;}
    #footerNavi li {flex: 1 0 0%;width: auto;float: none;height: auto;}
    #footerNavi ul ul{flex-direction:row;}
    #footerNavi ul ul li{margin: 2%; text-align: center;line-height: 1.1;}
    #footerNavi ul ul li a{background-color: #666666;height: 100%;}
    .footerAdress .row{flex-direction:column;}
    .footerAdress .row div{text-align:center;}
    .footerAdress .row p{clear:both;float:none;display: block;}
    .anchor-cp{padding-top:0;}
    .card-deck .card{max-width:100%}
    div.gallery-image-list{flex-direction: column!important;}
    div.gallery div.thumbnail{flex:1 0 0% !important;float: unset !important;max-width: unset !important;}
    .profil .image{max-width:unset}
    .profil .content .input{padding:0}
    .fullwidth .carousel-inner img{min-height:400px;width:auto;}    
}