@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url(../../../../sys/swiper.css);
@import url(../../../../sys/lightbox.css);

* {box-sizing: border-box;}
html {height: 100%;}
body {height: 100%; font-family: 'PT Sans', sans-serif; font-size: 18px; line-height: 28px; color: #000; margin: 0; background: #fff;}
fieldset {border-width: 0px; padding: 0px; margin: 0px;}

a {color: #720700 ; text-decoration: underline;}
a:link {color: #720700 ; text-decoration: underline;}
a:visited {color: #720700 ; text-decoration: underline;}
a:hover {color: #720700 ; text-decoration: none;}
a:active {color: #720700 ; text-decoration: underline;}

h1 {font-size: 2.778rem; font-family: times; padding: 0; margin: 0 0 40px 0 !important; font-weight: normal; line-height: 1;}
h2 {font-size: 2.222rem; font-family: times; padding: 0; margin: 0 0 10px 0 !important; font-weight: normal; line-height: 1;}
h3 {font-size: 1.85rem; font-family: times; padding: 0; margin: 0 0 20px 0 !important; font-weight: normal; line-height: 1;}
h4 {font-size: 1.667rem; font-weight: normal; line-height: 1; height: 55px;}
p {margin: 0 0 0px 0; }

#appArtikelMitte {display: flex; flex-wrap: wrap; justify-content: center; background: url('Hintergrund.jpg'); background-size: cover;}
.passwortgeschuetzteSeiten {width: 100%;}
.appArtikelMitteItem {width: 100%; clear: both; padding: 40px 0 40px 0; margin-bottom: 40px;}
.appArtikelMitteItem:last-child {margin-bottom: 0px;}
.appArtikelMitteItemInn {max-width: 1130px; margin: auto;}
.appArtikelMitteItem li {list-style-image: url('liKreis.png'); margin-bottom: 20px;}
.fullsite { padding: 0 !important;}
.fullsite .appArtikelMitteItemInn {width: 100%; max-width: unset;}
.LayoutBreite {max-width: 1130px; margin: auto;}
.Breite8 {width: 8.333%;}
.Breite16 {clear: none; float: left; width: 16.66%;}
.Breite25 {clear: none; float: left; width: 25%;}
.Breite33 {clear: none; float: left; width: 33.33%;}
.Breite50 {clear: none; float: left; width: 50%;}
.Breite66 {clear: none; float: left; width: 66.66%;}
.Breite75 {clear: none; float: left; width: 75%;}
.Breite100 {clear: none; float: left; width: 100%;}

a.Button {display: inline-block; background: #720700; padding: 5px 20px; color: #fff; text-decoration: none; border-radius: 2px; margin-top: 10px !important;}
a.ButtonBlockGross {font-size: 2.778rem; text-align: center; display: block; background: #720700; padding: 20px; color: #fff; text-decoration: none; border-radius: 2px; line-height: 1;}
a.Button,
a.ButtonBlockGross:hover {background: rgba(114, 7, 0, 0.90);}

a.ButtonBlockGross2 {font-size: 2.778rem; text-align: center; display: block; background: #747F0D; padding: 20px; color: #fff; text-decoration: none; border-radius: 2px; }
a.ButtonBlockGross2:hover {background: rgba(116, 127, 13, 0.9);}


.ohnePadding {padding: 0 !important; margin: 0 !important;}
.InhaltZentriert {text-align: center;}
.InhaltZentriert h3 {padding-top: 20px;}
.ArtikelTeaser {padding: 0 20px;}
.ArtikelTeaser img {}




.LightboxArtikelPopup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 1;}

.LightboxArtikelPopup .appArtikelMitteItemInn {position: absolute; top: 100px; left: 50%; width: 480px; margin-left: -240px; z-index: 1; background: #fff; padding: 20px;
-moz-box-shadow: 0px 0px 10px 0px #333;
-webkit-box-shadow:  0px 0px 10px 0px #333;
box-shadow: 0px 0px 10px 0px #333;}

.ArtikelPopupCloseOben
, .ArtikelPopupCloseUnten {text-align: center;}


.ulImText {width: 50%; float: right;}
.clear {clear: both;}
a.LinkButtonGross {background: #ccc; padding:40px; color: #333; display: inline-block; width: 33%; margin: 40px 40px 0 0 !important; text-align: center; text-decoration: none; height: 150px; border: 1px solid #000;}
a.LinkIntern {text-decoration: none; font-size: 1.667rem; display: inline-block;}
a.LinkIntern:before {display: inline-block; content: " "; width: 19px; height: 22px; background: url('LinkIntern.png'); margin-right: 10px; color: #f08e0f;}
.Kontakt {padding: 0 20px; text-align: center; min-height: 490px;}
.Kontakt h4
, .Kontakt h3 {font-size: 1.778rem; margin: 20px 0 0 0 !important;}
.Kontakt .artikel_inhalt_bild {border-radius: 50%; overflow: hidden;}
.BilderSw img {filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.FotoBg {background: url('FotoBgBlur.jpg') no-repeat; background-position: 0 -500px; padding: 0 !important;}
.H2Padding h2 {padding-top: 80px !important;}
.BildTransparent .img50 img {opacity: 0.3; filter: alpha(opacity=30); /* For IE8 and earlier */}
.BildTransparent h2 {padding-top: 40px;}

#wrapper {width: 100%; height: 100%; float: right; transition: width 0.3s ease;}

#header_div {width: 100%;}
#header_top {}
#header {max-width: 1130px; height: 100px; margin: auto; display: flex; align-items: center; justify-content: space-between;}
#header_bottom { }
.headerLogo {width: 200px;}
.headerLogo img {max-height: 100px;}

#content_div {width: 100%;}
#content {min-height: 200px;}

#content_left {}
#content_right {}

#footer_div {width: 100%; background: #212226;}
#footer {display: flex; max-width: 1130px; margin: auto; padding: 40px 0 80px 0; overflow: hidden;}
#footer .Auszeichnungen {width: 80%; display: flex;}
#footer .Auszeichnungen img {height: 90px; margin-right: 40px; border-radius: 2px;}
#footer_bottom {}

.footerKontaktdaten {float: left; width: 25%;}
.footerSocial {float: left; width: 25%; display: flex;}
.poweredByGutstein{width: 200px; float: right; position: relative;}
.poweredByGutstein:before {content: "powered by: "; position: absolute; top: -5px; left: 30px; font-size: 0.750rem;}
.poweredByGutstein img {filter: grayscale(100%) brightness(300%);  -webkit-filter: grayscale(100%) brightness(300%);}

/* ######## Navigation top ######## */
.navi_top {position:relative; max-width: 1130px; margin: auto;}
.navi_top ul li a, .navi_top ul li a:visited {font-size: 0.857em; line-height: 30px; text-decoration: none; padding:0 10px 0 10px; white-space:nowrap; display:block;}
.navi_top ul {padding: 0; margin:0; list-style: none; float: right;}
.navi_top ul li {float:left; position: relative;}
.navi_top ul li:hover a {text-decoration: none;}

.navi_top .inaktiv {text-decoration: none;}

.navi_top ul li ul {display: none;}
.navi_top ul li ul li {border: 0;}

.navi_top ul li:hover ul {display:block;}
.navi_top ul li:hover ul li a.hide {display:block;}
.navi_top ul li:hover ul li:hover a.hide {text-decoration: none; color:#fff;}

/* ######## Navigation header slide 3 Ebenen ######## */
.navi_header {position:relative;}
.navi_header ul {position: relative; padding: 0; margin:0; list-style: none; z-index: 1000;}
.navi_header > ul > li {position: relative; float: left; border-right: 1px solid #212226; margin: 5px 0;}
.navi_header > ul > li:last-child {border: 0;}
.navi_header > ul > li > a {display: block; color: #212226; font-size: 1.200rem; text-decoration: none; white-space: nowrap; display: block; padding: 0 15px;}

.navi_header ul li a {color: #212226;}

.navi_header > ul > li > a:hover {text-decoration: underline;}
.navi_header > ul > li > a.aktiv {text-decoration: underline;}

.navi_header ul ul {width: 340px; position: absolute; left: 0px; z-index: 100; height: 0; overflow: hidden; margin-top: 1px;
-webkit-transition: height 0.3s ease-in;
-moz-transition: height 0.3s ease-in;
-o-transition: height 0.3s ease-in;
-ms-transition: height 0.3s ease-in;
transition: height 0.3s ease-in;
}
.navi_header > ul > li:hover ul ul, 
.navi_header > ul > li > a:hover ul ul {height: 0;}
.navi_header ul ul ul {top: 0; left: 220px; width: 220px; margin-top: 0;}
.navi_header > ul > li:hover ul,
.navi_header > ul > li > a:hover ul,
.navi_header ul ul li:hover > ul,
.navi_header ul ul li a:hover > ul {height: 220px;}

.navi_header ul ul li {background-color: rgba(255,255,255,0.8); padding: 5px 15px; width: 220px;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.navi_header ul ul li:last-child {padding-bottom: 20px;}
/* ######## ENDE Navigation header slide 3 Ebenen ######## */

/* ######## Navigation header slide down 2 Ebenen ########
.navi_header {position:relative; float: right; padding-top: 15px;}
.navi_header ul {padding: 0; margin:0; list-style: none;}
.navi_header ul > li {float:left; position: relative;}
.navi_header ul > li > a, .navi_header ul > li > a:visited {color: #fff; background-color: #182330; font-size: 1.286em; border-radius: 8px; text-decoration: none; padding: 10px; margin: 0 0 0 10px; white-space:nowrap; display:block;}
.navi_header ul > li:hover > a {text-decoration: none; background-color: #7D8FA4;}
.navi_header ul > li > a.aktiv {background: #7D8FA4 !important;}

.navi_header li ul {position:absolute; left:0; top:44px; z-index:1;}
.navi_header li ul li {overflow: hidden; height:0; min-width: 100%;
-webkit-transition:height 200ms ease-in;
-moz-transition:height 200ms ease-in;
-o-transition:height 200ms ease-in;
transition:height 200ms ease-in;
}
.navi_header li ul li a {border-radius: 0;}
.navi_header ul > li:hover ul li {height:44px;}
.navi_header ul > li ul:target li {height:44px;}
.navi_header ul > li ul li.close {display: none;}
.navi_header ul > li ul:target li.close{display: block;}

.navi_header li ul li ul {position: absolute; left: auto; right: 0; z-index: 5; border: 1px solid red;}
.navi_header li ul li ul li {}
######## ENDE Navigation header slide down 2 Ebenen ######## */

/* ######## Navigation bottom ######## */
.navi_bottom {position: relative; float: left; width: 20%;}
.navi_bottom ul li a, .navi_bottom ul li a:visited {color: #ccc; text-decoration: none; white-space:nowrap; display:block;}
.navi_bottom ul {padding: 0; margin: 0; list-style: none;}
.navi_bottom ul li {position: relative;}
.navi_bottom ul > li:hover > a {text-decoration:underline;}
.navi_bottom ul ul {display: none; }
.navi_bottom ul > li:hover ul {display: block;}

.navi_bottom .inaktiv {text-decoration:underline;}

.navi_bottom .navPlus {display: none !important;}

/* .... FormularHinweisDatenschutz .... */
.FormularHinweisDatenschutz {padding: 20px 0;}
.FormularHinweisDatenschutz label {display: block !important;}


/* .... FormularTerminanfrage .... */
.FormularTerminanfrage {margin-top: 20px;}
.FormularTerminanfrage ::-webkit-input-placeholder {color: #ccc;}
.FormularTerminanfrage ::-moz-placeholder {color: #ccc;}
.FormularTerminanfrage :-ms-input-placeholder {color: #ccc;}
.FormularTerminanfrage ::placeholder {color: #ccc;}

.FormularTerminanfrage label {display: none;}
.FormularTerminanfrage input
, .FormularTerminanfrage textarea {width: 100%; display: block; border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 1.5em; margin-bottom: 10px;}
.FormularTerminanfrage h2 {margin-top: 40px;}


/* ##### AnfrageformularStandard #####*/
.AnfrageformularStandard {margin-top: 20px;}
.AnfrageformularStandard ::-webkit-input-placeholder {color: #ccc;}
.AnfrageformularStandard ::-moz-placeholder {color: #ccc;}
.AnfrageformularStandard :-ms-input-placeholder {color: #ccc;}
.AnfrageformularStandard ::placeholder {color: #ccc;}

.AnfrageformularStandard label {display: none;}
.AnfrageformularStandard input {width: 100%; display: block; border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 1.5em; margin-bottom: 10px;}
.AnfrageformularStandard h2 {margin-top: 40px;}
/* ##### ENDE AnfrageformularStandard #####*/

/* ##### AnfrageformularKostenpflichtig #####*/
.AnfrageformularKostenpflichtig {margin-top: 20px;}
.AnfrageformularKostenpflichtig ::-webkit-input-placeholder {color: red;}
.AnfrageformularKostenpflichtig ::-moz-placeholder {color: #ccc;}
.AnfrageformularKostenpflichtig :-ms-input-placeholder {color: red;}
.AnfrageformularKostenpflichtig ::placeholder {color: red;}

.AnfrageformularKostenpflichtig label {display: none;}
.AnfrageformularKostenpflichtig input {width: 100%; display: block; border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 1.5em; margin-bottom: 10px;}
.AnfrageformularKostenpflichtig h2 {margin-top: 40px;}
/* ##### ENDE AnfrageformularKostenpflichtig #####*/

/* ######## Kontakt-Formular ######## */
.anfrageform { font-size: 90%; }
.anfrageform table table { border-spacing: 0px !important; margin: 0px !important; padding:0px !important; font-size: 100%; }
.anfrageform tr {vertical-align: top;}
.anfrageform input { -moz-box-shadow: 0px 0 3px #AAAAAA inset; padding: 2px; width: 250px; }
.anfrageform textarea { -moz-box-shadow: 0px 0 3px #AAAAAA inset; padding: 2px; width: 250px; height: 150px; }
.anfrageform input[type=radio] { width: 10px; }
.anfrageform .passwort_kontrollbox { margin-top: 5px; }
.anfrageform h3 { margin-top: 20px; }
.anfrageform .plz { width: 20%; }
.anfrageform .ort { width: 62%; }
.button {margin-top: 20px;  height: 34px; color:#fff; font-weight: bold; background:#c0c0c0 url('button.jpg') repeat-x; border: 1px solid #fff; cursor: pointer; }
.button a { color: #fff; text-decoration: none; }
.button:hover { /*background:#D5C9E1 url('button_hover.jpg') repeat-x;*/  border: 1px solid #51144D; cursor: pointer; }

/* ######## Lightbox ######## */
.ContentLightbox { position: fixed; top: 0; left: 0; z-index: 1000;  opacity: 0.8; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); }
.ContentLightboxPopup { max-width: 598px; position: absolute; top: 80px; left: 50%; margin-left: -299px; background-color: #fff; border: solid #E4E4E4 8px; /*-moz-box-shadow: 2px 2px 2px #000;*/ padding: 20px; z-index: 1000; }
.ContentLightboxPopup .schliessen {text-align: right; margin: 0 0 10px 0;}
.ContentLightboxPopup .rechts {position: absolute; top: 00px; right: -55px; width:44px; height:72px; display: block; background:url('bildpopup_rechts.png') no-repeat;}
.ContentLightboxPopup .links {position: absolute; top: 00px; left: -55px; width:44px; height:72px; display: block; background:url('bildpopup_links.png') no-repeat;}


/* ######## KalenderLightbox ######## */
.KalenderLightbox {position: fixed; top: -1000px; left: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0); -moz-transition: all 1s linear;}
.KalenderLightbox:target {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.7);  z-index: 1001;
-webkit-transition: background 1s linear;
-moz-transition: background 1s linear;
-o-transition: background 1s linear;
-ms-transition: background 1s linear;
transition: height background 1s linear;
}
.KalenderLightboxInn h2 {padding-top: 40px;}
.KalenderLightboxInn {width: 620px; height: 100%; overflow: auto; padding: 0 40px; border: 1px solid #fff; background: #fff; position: absolute; top: -4000px; left: 50%; margin-left: -350px;
-moz-box-shadow: 0px 0px 10px 0px #000000;
-webkit-box-shadow:  0px 0px 10px 0px #000000;
box-shadow: 0px 0px 10px 0px #000000;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-ms-transition: all 1s linear;
transition: height all 1s linear;
}
.KalenderLightbox:target .KalenderLightboxInn {position: absolute; top: 0px; left: 50%; margin-left: -350px;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-ms-transition: all 1s linear;
transition: height all 1s linear;
}
.KalenderLightboxClose {display: block; margin-bottom:100px;}
/* ######## ENDE KalenderLightbox ######## */


.artikel_detail {overflow:auto;}

.artikel_teaser_div {position:relative; width:220px; height:370px; float:left; margin-right:13px; }

.artikel_teaser_02 {width:220px; height:310px; float: left; overflow:hidden; }
.artikel_teaser_02 a {float:right;}
.artikel_teaser_02 img {margin-top:15px;}

.artikel_teaser_03 {position:absolute; top:13px; left:0; width:220px; height:347px; overflow:hidden; }
.artikel_teaser_03 img {height:347px;}

/* ######## Bilder im Content ######## */
.artikel_inhalt_bild > div {line-height: 0;}
.artikel_inhalt_bild img {max-width:100%;}

.float_left {float: left; margin:0 0 0 0;}
.float_right {float:right; margin:0 0 0 0;}

.img10 {width: 10%;}
.img25 {width: 25%;}
.img33 {width:33.3%;}
.img50 {width: 50%;}
.img75 {width: 75%;}
.img100 {width: 100%; margin:0;}

/* ######## Link-Modul im Content ######## */
.artikel_inhalt_link {padding:0 0 0 0;}

/* ######## Downloads im Content ######## */
.artikel_inhalt_download {font-size:90%;}

/* ######## Videos im Content ######## */
.artikel_inhalt_video {}
.artikel_inhalt_video.img100 iframe {width: 100% !important; height: 600px !important;}
.artikel_inhalt_video.img50 iframe {width: 100% !important; height: 400px !important;}
.artikel_inhalt_video.img25 iframe {width: 100% !important; height: 250px !important;}

/* ######## Trennlinien im Content ######## */
.artikel_inhalt_trennlinie00 {clear: both; position:relative; width: 100%; height: 1px; overflow:auto; margin: 0px 0 0px 0; border:0;}
.artikel_inhalt_trennlinie01 {clear: both; position:relative; width: 100%; height: 0px; overflow:auto; margin: 10px 0 30px 0; border-bottom: 3px solid #999999;
-moz-box-shadow: 0px 0px 10px 0px #999999;
-webkit-box-shadow:  0px 0px 10px 0px #999999;
box-shadow: 0px 0px 10px 0px #999999;
}
.artikel_inhalt_trennlinie02 {position:relative; width: 100%; height: 2px; overflow:auto; margin: 10px 0 20px 0; border-bottom: 1px solid #333;}
.artikel_inhalt_trennlinie03 {position:relative; width: 100%; height: 5px; overflow:auto; margin: 10px 0 20px 0; border-bottom: 1px solid #333;}

/* ######## frontenditem_kontaktdaten ######## */
.frontenditem_kontaktdaten {color: #256ca2;}
.frontenditem_kontaktdaten h3 {float:left; text-transform:uppercase; font-weight:bold; margin-right:15px;}
.frontenditem_kontaktdaten p {font-size:90%; float:left; font-weight:bold; margin-right: 50px; }

/* ######## frontenditem_linkliste ######## */
.frontenditem_linkliste {color: #256ca2;}
.frontenditem_linkliste h3 {text-transform:uppercase; font-weight:bold; margin-right:15px;}
.frontenditem_linkliste .linkliste_item {}


/* ##### mobiNavi #####*/
#nav {position: fixed; top: 0; left: 0; width: 0%; height: 100%; padding: 50px 0 0 0; background: rgba(33, 34, 38, 1); color: #fff; overflow: scroll; transition: width 0.3s ease; z-index: 10;}
#nav ul {list-style: none; margin: 0; padding: 0;}
#nav li {position: relative;}
#nav a {font-size: 1.750em; display: block; color: #fff; padding: 5px 20px; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
#nav a:hover, #nav a:focus {background: rgba(255, 255, 255, 0.4);}

#nav ul li ul {height: 0; transition: height 0.3s ease; overflow: hidden;}
#nav ul li ul li {/*height: 0;*/ transition: height 0.3s ease; overflow: hidden;}
.navPlus {font-size: 1.286em !important; display: none !important; position: absolute; right: 20px; top: 5px; width: 20px !important; padding: 0px 2px 4px 2px !important; text-align: center; border: 0 !important;}
.navPlus:hover {background: none !important;}
.navPlusToggle ~ ul {height: 300px !important;}
.navPlus .navMinusContent {display: none;}
.navPlus.navPlusToggle .navPlusContent {display: none !important;}
.navPlus.navPlusToggle .navMinusContent {display: block !important;}
.navPlus .navPlusContent:after {content: "+";}
.navPlus .navMinusContent:after {content: "-";}

.navBtn {display: none; height: 50px; line-height: 50px; padding-left: 15px; background: rgba(255, 255, 255, 0.8); position: fixed; top: 25px; right: 90px; border: 1px solid #eee; border-radius: 15px; z-index: 9;}
.navBtn:after {content: " "; font-size: 1.429em;}
a.navBtn {text-decoration: none;}
.navP {width: 30px; margin: 10px 20px 0 0; float: right;}
.navP p {width: 100%; height: 4px; background: #000; margin: 4px;}
.navMenu {font-size: 1.750em; color: #fff;}
.closeBtn {display: none; position: absolute; top: 10px; right: 20px; width: 20px !important; padding: 0px 4px !important; text-align: center; text-transform: uppercase; border: 0 !important;}
.closeBtn:after {content: "x";}

#nav:target {width: 60%;}
#nav:target + #wrapper {width: 100%;}

#nav > .navi_header {position:relative; float: none; padding-top: 0px;}
#nav > .navi_header ul {float: none; padding: 0; margin:0; list-style: none;}
#nav > .navi_header ul > li {float: none; position: relative;}
#nav > .navi_header ul > li:hover > a {text-decoration: none;}
#nav > .navi_header .inaktiv {text-decoration: none;}
#nav > .navi_header li ul {width: 100%; position: relative; left: auto; top: auto; z-index:1;}
#nav > .navi_header ul ul li {background: none; width: 100%;}
#nav > .navi_bottom {width: 100%; margin-top: 40px;}

#nav .navBtn {display: none;}
.navi_header .navBtn {display: block;}
/* ##### mobiNavi ENDE #####*/


/* .... JobportalJobsListenansicht .... */
.JobportalJobsListenansicht {}
.JobportalJobsListenansicht .ArtikelTabsVert label span:first-child {width: 300px;}
.JobportalJobsListenansichtItem {}




/* ##### Widget KalenderTermineListenansicht #####*/
.KalenderDatenMonat > ul {list-style: none; padding: 0;}

.KalenderWrp {border: 1px solid #ccc; border-radius: 3px; margin: 0 0 10px 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); background: #F3F3F3;}
.KalenderItem {position: relative; padding: 5px;}
.KalenderItem .zelle  {float: left; width: 25%; min-width: 250px; white-space: nowrap;}
.KalenderItemDatum {margin-right: 5%;}
.KalenderDetail {position: relative; width: 100%; height: 0; overflow: hidden; -webkit-transition: height 1s ease; transition: height 1s ease; overflow: hidden;}
.KalenderDetail label {}
.KalenderDetail label:after {content: ": ";}
.KalenderDetail .anmelden {}
.KalenderEintragLink {clear: left; display: block; padding-top: 20px;}

.KalenderEintragDetail {clear: left; padding-top: 20px;}
.KalenderEintragDetail p {clear: left; padding-top: 20px;}
.KalenderEintragDetail label:after {content: ": ";}
.KalenderEintragDetail .anmelden {}

.detail {position: absolute; right: 5px; top: 5px;}
.close {display: none; position: absolute; right: 5px; top: 5px;}

#KalenderDetail:target {height: 200px; padding-top: 20px;}
#KalenderDetail:target + .detail {display: none;}
#KalenderDetail:target ~ .close {display: block;}

.KalenderTermineFilter {display: flex; margin-bottom: 40px;}
.KalenderTermineFilter > div {margin-right: 40px;}
.KalenderTermineFilter label {display: block;}
.KalenderTermineFilter select,
.KalenderTermineFilter input {padding: 5px; border: 1px solid rgb(169, 169, 169);}
/* ##### ENDE Widget KalenderTermineListenansicht #####*/

/* ##### Widget KalenderTermineKalenderansicht #####*/
.KalenderTermineKalenderansicht {margin-bottom: 40px;}
.KalenderTermineKalenderansichtHeader {text-align: center;}
.KalenderTermineKalenderansichtHeader > a {text-decoration: none;}
.KalenderTermineKalenderansicht table {width: 100%;}
.KalenderTermineKalenderansicht .tag {width: 131px;}
.KalenderTermineKalenderansicht .tagNichtMonat {background-color: #E0E0E0; color: #fff;}
.KalenderTermineKalenderansicht .tagHeaderLang {width: 131px;}
.KalenderTermineKalenderansicht .tagHeaderKurz {display: none;}
.KalenderTermineKalenderansicht .heute {color: red;}
.KalenderTermineKalenderansicht .heute:before {content: "Heute";}
/*.KalenderTermineKalenderansicht .TagTerminEinzellink {display: none;}*/
.KalenderTermineKalenderansicht .TagTerminLinkliste {display: none;}

.Kalender50 {}
.Kalender50 .KalenderTermineKalenderansichtHeader {font-size: 1.5em; text-align: center;}
.Kalender50 .KalenderTermineKalenderansichtHeader > a {text-decoration: none;}
.Kalender50 table {width: 100%;}
.Kalender50 td {width: 50px;}
.Kalender50 .tag {max-width: 50px; width: auto;}
.Kalender50 .tagNichtMonat {background-color: #E0E0E0; color: #fff;}
.Kalender50 .tagHeaderLang {display: none;}
.Kalender50 .tagHeaderKurz {display: block; max-width: 50px; width: auto;}
.Kalender50 .heute {border: 1px solid red;}
.Kalender50 .heute:before {content: " ";}
.Kalender50 .TagTerminEinzellink {display: block;}
.Kalender50 .TagTerminLinkliste {display: none;}
/* ##### ENDE Widget KalenderTermineKalenderansicht #####*/

/* ##### KalenderTerminAnmelden #####*/
.KalenderTermineAnmelden {margin-top: 20px;}
.KalenderTermineAnmelden ::-webkit-input-placeholder {color: red;}
.KalenderTermineAnmelden ::-moz-placeholder {color: #ccc;}
.KalenderTermineAnmelden :-ms-input-placeholder {color: red;}
.KalenderTermineAnmelden ::placeholder {color: red;}

.KalenderTermineAnmelden label {display: none;}
.KalenderTermineAnmelden label.DatenschutzHinweis {display: inline-block !important;}
.KalenderTermineAnmelden input {width: 100%; display: block; border: 1px solid #CCC; border-radius: 5px; padding: 5px; font-size: 1.5em; margin-bottom: 10px;}
.KalenderTermineAnmelden input[type="checkbox"] {width: 50px;}
.KalenderTermineAnmelden h2 {margin-top: 40px;}


/* ##### ENDE KalenderTerminAnmelden #####*/



@media only screen and (max-width: 1130px) {
.headerKontaktdaten {padding: 0 10px;}
#footer {padding-left: 10px; padding-right: 10px;}
.appArtikelMitteItem {padding: 0 10px;}
.Breite16 {width: 25%;}
h1 {margin-top: 20px !important;}
.ShopProdukteItem h3 {font-size: 1.778rem;}
}


@media only screen and (max-width: 1024px) {
h1 {font-size: 2.500rem;}
h2 {font-size: 1.667rem;}
}


@media only screen and (max-width: 900px) {
.Breite25 {width: 50%;}
.Breite16 {width: 33.333%;}
}


@media only screen and (max-width: 768px) {
.navi_header {display: none;}
#nav > .navi_header {display: block;}
#header .navBtn {display: block !important;}
.navPlus {display: inline !important;}
#header_top {display: none;}
.Breite33 {width: 50%;}
#footer {flex-direction: column;}
#footer .navi_bottom {width: 100%; margin-bottom: 40px;}
#footer .Auszeichnungen {width: 100%; flex-wrap: wrap;}
#footer .Auszeichnungen > div {width: 50%; margin-bottom: 20px;}
.StartseiteKarte {width: 100%;}
.ShopProdukteItem h3 {font-size: 1.556rem;}
#Warenkorb .IconWarenkorb {top: 20px !important;}
.LightboxArtikelPopup {display: none;}
}

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


}


@media only screen and (max-width: 640px) {
.img33 {width: 100%;}
h3 {font-size: 1.778rem;}
}


@media only screen and (max-width: 598px) {
#nav:target {width: 100%;}
.ContentLightboxPopup {left: 0; margin-left: 0px;}
.Breite33
, .Breite16 {width: 100%;}
.navi_bottom {width: 50%;}
.img10 {width: 100%; margin: 0;}
.img25 {width: 100%; margin: 0;}
.img33 {width: 100%; margin: 0;}
.img50 {width: 100%; margin: 0;}
.img75 {width: 100%; margin: 0;}
.img100 {width: 100%; margin: 0;}
.artikel_inhalt_bild > div {margin: 0 !important;}
.ulImText {width: 100%; float: none;}
.float_left {float: none;}
.artikel_inhalt_video.img100 iframe {height: 250px !important;}
.artikel_inhalt_video.img50 iframe {height: 250px !important;}
.artikel_inhalt_video.img25 iframe {height: 250px !important;}
#footer .Auszeichnungen > div {width: 100%;}
.ShopProdukteItemBild {width: 100% !important; text-align: center;}
.ShopProdukteItem > div:nth-child(2) {width: 100% !important;}
.ShopProdukteItem > div:last-child {width: 100% !important; text-align: center !important;}
.ShopProdukteItem {margin-bottom: 60px !important;}
}

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

}


@media only screen and (max-width: 415px) {
.flexForm > div:nth-child(1n) {width: 100% !important; margin: 0;}
.flexForm > div:nth-child(2n) {width: 100% !important; margin: 0 0 15px 0;}
.navi_bottom {width: 100%; float: none; clear: both;}
.footerKontaktdaten {width: 100%; float: none; clear: both; padding-top: 40px;}
.poweredByGutstein:before {top: 40px;}
}


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


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

}




/* ##### ArtikelTabsHorizon #####*/
.ArtikelTabsHorizon {width: 99%; list-style: none; position: relative; margin: 0 0 0 0; padding: 0 0 0 1%; text-align: left;}
.ArtikelTabsHorizon li {float: left; display: block;}
.ArtikelTabsHorizon input[type="radio"] {display: none;}
.ArtikelTabsHorizon label {display: block; padding: 15px 25px; border-radius: 2px 2px 0 0; cursor: pointer; position: relative; top: 4px; background: #E8E8E8;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.ArtikelTabsHorizon .tabContent {z-index: 2; display: none; overflow: hidden; width: 98%; padding: 1%; position: absolute; top: 52px; left: 0; background: #E8E8E8;
border: 1px solid #C9C9C9;
}
.ArtikelTabsHorizon [id^="tab"]:checked + label {top: 0px; padding-top: 17px; background: #C9C9C9;}	
.ArtikelTabsHorizon [id^="tab"]:checked ~ [id^="tabContent"] {display: block;}
/* ##### ENDE ArtikelTabsHorizon #####*/


/* ...... Listen ...... */
.Listen {margin-bottom: 20px;}


/* ...... ListeTabs (ArtikelTabsHorizon) ...... */
.ListeTabs .tabContent {display: none; padding: 20px; border: 1px solid #ddd; overflow: auto;}
.ListeTabs input {display: none;}
.ListeTabs label {display: inline-block; margin: 0 0 -1px; padding: 15px 25px; text-align: center; color: #bbb; border: 1px solid transparent;}
.ListeTabs label:hover {color: #888; cursor: pointer;}
.ListeTabs input:checked + label {color: #555; border: 1px solid #ddd; border-top: 2px solid #FF8900; border-bottom: 1px solid #fff;}
/*.ListeTabs [id^="tab"]:checked ~ [id^="tabContent"] {display: block;}*/

.ListeTabs #tab1:checked ~ #tabContent1 {display: block;}
.ListeTabs #tab2:checked ~ #tabContent2 {display: block;}
.ListeTabs #tab3:checked ~ #tabContent3 {display: block;}
.ListeTabs #tab4:checked ~ #tabContent4 {display: block;}
.ListeTabs #tab5:checked ~ #tabContent5 {display: block;}
.ListeTabs #tab6:checked ~ #tabContent6 {display: block;}
.ListeTabs #tab7:checked ~ #tabContent7 {display: block;}
.ListeTabs #tab8:checked ~ #tabContent8 {display: block;}
.ListeTabs #tab9:checked ~ #tabContent9 {display: block;}
.ListeTabs #tab10:checked ~ #tabContent10 {display: block;}
.ListeTabs #tab11:checked ~ #tabContent11 {display: block;}
.ListeTabs #tab12:checked ~ #tabContent12 {display: block;}
.ListeTabs #tab13:checked ~ #tabContent13 {display: block;}
.ListeTabs #tab14:checked ~ #tabContent14 {display: block;}
.ListeTabs #tab15:checked ~ #tabContent15 {display: block;}
.ListeTabs #tab16:checked ~ #tabContent16 {display: block;}
.ListeTabs #tab17:checked ~ #tabContent17 {display: block;}
.ListeTabs #tab18:checked ~ #tabContent18 {display: block;}
.ListeTabs #tab19:checked ~ #tabContent19 {display: block;}
.ListeTabs #tab20:checked ~ #tabContent20 {display: block;}
.ListeTabs #tab21:checked ~ #tabContent21 {display: block;}
.ListeTabs #tab22:checked ~ #tabContent22 {display: block;}
.ListeTabs #tab23:checked ~ #tabContent23 {display: block;}
.ListeTabs #tab24:checked ~ #tabContent24 {display: block;}
.ListeTabs #tab25:checked ~ #tabContent25 {display: block;}
.ListeTabs #tab26:checked ~ #tabContent26 {display: block;}
.ListeTabs #tab27:checked ~ #tabContent27 {display: block;}
.ListeTabs #tab28:checked ~ #tabContent28 {display: block;}
.ListeTabs #tab29:checked ~ #tabContent29 {display: block;}
.ListeTabs #tab30:checked ~ #tabContent30 {display: block;}


/* ##### ArtikelTabsVert #####*/
.ArtikelTabsVert {width: 100%; list-style: none; margin: 0 0 0 0; padding: 0;}
.ArtikelTabsVert {list-style: none !important; margin: 0; padding: 0;}
.ArtikelTabsVert li {list-style: none !important; margin-bottom: 10px; position: relative;}
.ArtikelTabsVert li > .titel {position: absolute; top: 10px; left: 25%; z-index: 20; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);}
.ArtikelTabsVert li img {/*width: 100px !important;*/ margin-right: 20px;}

.ArtikelTabsVert label {display: flex; padding: 5px 20px; position: relative; z-index: 20; cursor: pointer; color: #777; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); line-height: 33px;
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
0px 2px 2px rgba(0,0,0,0.1);
}
.ArtikelTabsVert label:hover {background: #fff;}
.ArtikelTabsVert label span:first-child {display: block; width: 100px;}
.ArtikelTabsVert input:checked + label,
.ArtikelTabsVert input:checked + label:hover {background: #c6e1ec; color: #3d7489; text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
0px 2px 2px rgba(0,0,0,0.1);
}
.ArtikelTabsVert label:after,
.ArtikelTabsVert input:checked + label:after {content: 'Details'; position: absolute; right: 50px; top: 7px; color: #FF8900; text-decoration: underline;}
.ArtikelTabsVert input:checked + label:after {content: 'X';}
.ArtikelTabsVert input:checked + label.null:after
, .ArtikelTabsVert label.null:after {content: "";}
.ArtikelTabsVert input {display: none;}

.ArtikelTabsVert article {background: rgba(255, 255, 255, 0.5); overflow: hidden; height: 0px; position: relative; z-index: 10;
transition: height 0.3s ease-in-out, 
box-shadow 0.6s linear;
}
.ArtikelTabsVert article li {list-style-image: url('liKreis.png') !important;}
.ArtikelTabsVert article > .zeit {}
.ArtikelTabsVert article > .ort {}
.ArtikelTabsVert article > .veranstalter {}
.ArtikelTabsVert article > .preis {}
.ArtikelTabsVert article > .beschreibung {margin-top: 10px;}
.ArtikelTabsVert article > .anmelden {display: block; margin-top: 10px;}
.ArtikelTabsVert input:checked ~ article {padding: 10px; transition: height 0.5s ease-in-out, 
box-shadow 0.1s linear;
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ArtikelTabsVert input:checked ~ article.dynamisch {height: auto;}
.ArtikelTabsVert input:checked ~ article.klein {height: 150px;}
.ArtikelTabsVert input:checked ~ article.mittel {height: 300px;}
.ArtikelTabsVert input:checked ~ article.gross {height: 450px;}
.ArtikelTabsVert input:checked ~ article.null {height: 0px; padding: 0;}

.KalenderTermineAnmelden li:first-child article.xgross {height: 450px; padding: 10px; transition: height 0.5s ease-in-out, 
box-shadow 0.1s linear;
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
/* ##### ENDE ArtikelTabsVert #####*/


/* ...... ShopProdukte ...... */
.ShopButton {padding: 10px; border: 0; background: #7F1E17; color: #fff; font-size: 1.2em; width: 100% !important;}
.ShopProdukte {}
.ShopProdukteItem {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #DDE2E8;}
.ShopProdukteItem input[type=text] {width: 50px; text-align: center; padding: 5px;}
.ShopProdukteItem img  {max-width: 100%;}
.ShopProdukteItem > div:first-child {width: 40%; min-height: 165px;}
.ShopProdukteItem > div:nth-child(2) {width: 60%;}
.ShopProdukteItem > div:last-child {text-align: right;}
.ShopProdukteItem .preis {font-size: 1.7em; color: #7F1E17; font-weight: bold;}
.ShopProdukteItemkeinBild {border: 1px dashed #7F1E17; height: 80%; padding: 5px; margin: 0 20px 0px 0; color: #7F1E17;}

.ShopFilter {margin-bottom: 40px;}

#Warenkorb {width: 300px; height: 100%; padding: 10px; border: 1px solid #7F1E17; border-width: 0 0 0 1px; position: fixed; top: 0; right: -300px; background: #fff;  transition: all 0.6s; z-index: 3000;
-moz-box-shadow: 0px 0px 10px 0px #333;
-webkit-box-shadow:  0px 0px 10px 0px #333;
box-shadow: 0px 0px 10px 0px #333;}
#Warenkorb:target {right: 0;}
#Warenkorb .IconWarenkorb {position: absolute; left: -65px; top: 160px;}
#Warenkorb .IconWarenkorb > a {display: block; background: #7F1E17 url('IconShop.png') no-repeat; background-size: 100%; width: 64px; height: 64px;  border-radius: 8px 0 0 8px;
-moz-box-shadow: 0px 0px 10px 0px #333;
-webkit-box-shadow:  0px 0px 10px 0px #333;
box-shadow: 0px 0px 10px 0px #333;}
.ShopWarenkorb {}

.ShopWarenkorb .ShopWarenkorbItem .Einzelpreis
, .ShopWarenkorb .ShopWarenkorbItem label
, .ShopWarenkorb .ShopWarenkorbItem .Bemerkung {display: none;}

.ShopWarenkorbItem {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5px; border-bottom: 1px solid #DDE2E8; padding-bottom: 5px;}
.ShopWarenkorbItem label {font-size: 0.875rem; display: block;}
.ShopWarenkorbItem .Menge {width: 15%; font-size: 1.875rem;}
.ShopWarenkorbItem .Bild {width: 20%;}
.ShopWarenkorbItem .Bild img {max-width: 100%;}
.ShopWarenkorbItem .Name {width: 65%;}
.ShopWarenkorbItem .Einzelpreis {margin-top: 5px;}
.ShopWarenkorbItem .Grundpreis {margin-top: 5px;}
.ShopWarenkorbItem .Gesamtpreis {margin-top: 5px;}
.ShopWarenkorbItem .loeschen {margin-top: 5px;}
.ShopWarenkorbItem .Bemerkung {width: 100%; margin-top: 10px;}
.ShopWarenkorbItem .Bemerkung div {width: 100%; height: 30px; padding: 2px; background-color: #E9F0D2; font-size: 0.875rem; color: #61964b;}


.ShopKasseUebersichtAbschluss .ShopWarenkorbItem {justify-content: space-between; margin-bottom: 20px;}

.ShopKasseIhreDaten
, .ShopKasseUebersichtAbschluss
, .ShopKasseZahlungVersand {max-width: 1130px; margin: auto; padding-bottom: 100px;}
.ShopKasseIhreDaten fieldset {display: flex; flex-direction: column;}
.ShopKasseIhreDaten label {display: none;}
.ShopKasseIhreDaten input[type=text]
, .ShopKasseIhreDaten select {padding: 5px; border: 1px solid #DDE2E8; margin-bottom: 10px;}

.ShopKasseZahlung {margin-bottom: 40px;}
.ShopKasseVersand {margin-bottom: 40px;}

.ShopKasseUebersichtAbschluss h2 {margin-top: 40px; border-bottom: 1px solid #DDE2E8;}
.ShopKasseUebersichtAbschlussFinanzblock {display: flex; flex-wrap: wrap; margin: 20px 0;}
.ShopKasseUebersichtAbschlussFinanzblock > div:nth-child(odd) {width: 90%; text-align: right;}
.ShopKasseUebersichtAbschlussFinanzblock > div:nth-child(even) {width: 10%; text-align: right;}


/* ...... TouchSlider ...... */
.swiper-container {max-width: 100%;} 
.swiper-slide > img {max-width: 100%;}
.swiper-button-next {display: none; background: url(../../../lightbox/next.png); background-position: -3px 0px;}
.swiper-button-prev {display: none; background: url(../../../lightbox/prev.png); background-position: -20px 0px;}
.swiper-pagination-bullet-active {background: #720700 !important;}
.swiper-pagination-bullet {width: 110px; height: 5px; background: #fff; border-radius: 0;}

.swiperFS578f74318015a {height: 157px;}


/* ...... FahrzeugSlider ...... */
.FahrzeugSlider .swiper-slide {position: relative; height: 205px;}
.FahrzeugSlider .swiper-slide img {max-width: 100%;}
.FahrzeugSlider .carusell_box {position: absolute; bottom: 50px; background-color: #000; width: 94%; padding: 3%; opacity:0.5; filter:alpha(opacity=50);}
.FahrzeugSlider .carusell_box a {color: #fff; text-decoration: none; font-size: 1.000em; font-weight: normal;}
.FahrzeugSlider .preis {position: absolute; top: 0; left: 0; color: #fff/*#272530*/; font-size: 1em; text-align: center; width: 100%; background-color: #000; padding: 4px 0 4px 0; opacity:0.6; filter:alpha(opacity=60); font-weight: normal;}
.carusell_infos {font-weight: normal; font-size: 0.55em; text-align: left; height: 50px; background-color: #ffffff; padding-top: 1px; margin-top: -3px;}


/* ...... MitarbeiterWidget01 ...... */
.MitarbeiterWidget01 {display: flex; flex-wrap: wrap;}
.MitarbeiterWidget01Item {width: 50%; display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.MitarbeiterWidget01Bild {width: 150px; height: 150px; margin-right: 15px; border: 1px solid #ccc;}
.MitarbeiterWidget01Bild img {max-width: 100%;}
.MitarbeiterWidget01Name {font-weight: bold; margin-bottom: 15px;}
.MitarbeiterWidget01Taetigkeit {}
.MitarbeiterWidget01Standort {}
.MitarbeiterWidget01Telefon {margin-bottom: 15px;}
.MitarbeiterWidget01Email {}

.Breite25 .MitarbeiterWidget01 {display: block;}
.Breite25 .MitarbeiterWidget01Item {width: 100%;}
.Breite25 .MitarbeiterWidget01Bild {width: 75px; height: 75px; margin-right: 5px; border: 0;}
.Breite25 .MitarbeiterWidget01Name {font-weight: normal; margin-bottom: 0px;}
.Breite25 .MitarbeiterWidget01Email
, .MitarbeiterWidget01Taetigkeit {display: none;}





/* ...... FahrzeugeSucheItem ...... */
.FahrzeugeSucheItem {display: flex; border-bottom: 1px dotted rgb(192, 192, 192); margin-bottom: 15px; padding-bottom: 15px;}
.FahrzeugeSucheItemBild {width: 25%; margin-right: 15px;}
.FahrzeugeSucheItemBild img {max-width: 100%;}
.FahrzeugeSucheItemDaten {width: 75%; display: flex; flex-wrap: wrap;}
.FahrzeugeSucheItemDatenTitel {}
.FahrzeugeSucheItemDaten > div {width: 25%;}
.FahrzeugeSucheItemDaten > div:first-child {width: 100% !important;}
.FahrzeugeSucheItemDaten > div:last-child {width: 100% !important; font-size: 80%;}

.FahrzeugeManuellTopTools {display: flex; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px dotted rgb(192, 192, 192);}




/* ...... FahrzeugDetail ...... */
.FahrzeugDetail {display: flex; flex-wrap: wrap;}
.FahrzeugDetailTopTools {width: 100%; padding: 20px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.FahrzeugDetailTitel {width: 100%;}
.FahrzeugDetailBilder {width: 50%;}
.FahrzeugDetailPreis {width: 100% !important;}
.FahrzeugDetailDatenBlock1 {width: 50%; padding-left: 15px; display: flex; flex-wrap: wrap;}
.FahrzeugDetailDatenBlock1 > div {width: 50%;}
.FahrzeugDetailDatenBlock2 {width: 50%; display: flex; flex-wrap: wrap;}
.FahrzeugDetailDatenBlock2 > div {width: 50%; padding: 5px 0;}
.FahrzeugDetailDatenAnsprechpartner {width: 50%; padding-left: 15px;}
.FahrzeugDetailDatenAusstattung {width: 100%; }
.FahrzeugDetailDatenAusstattung p {line-height: 1.4;}


/* ...... FahrzeugDetailBildergalerie ...... */
#container {position:relative; line-height: 0;}
#container > a > img {border: 1px solid #aaa;}
#container img {width: 100%; max-height: 100%;}
#container ul {padding: 0; margin: 0; list-style-type: none;}
#container li {width: 25%; max-height: 80px; padding: 10px 10px 0 0; float: left; line-height: 0; overflow: hidden;}
#container li:nth-child(4n) {padding-right: 0;}
#container a.gallery span { position:absolute; width:1px; height:1px; top:0px; left:0px; overflow:hidden;}
#container a.gallery, #container a.gallery:visited {border: 1px solid #aaa; display:block; color:#000; text-decoration:none; margin: 0px 0px 0px 0px; text-align:left; cursor:default; background: url('../autohaus_mustermann/gw_kein_bild.jpg') no-repeat; overflow: hidden;}
#container a.gallery:hover {}
#container a.gallery:hover span {position:absolute; width: 100%; height: 100%; top:0px; left:0px; color:#000;}
#container a.gallery:hover img {float:left; cursor: pointer; border: 1px solid #aaa;}


/* ...... WidgetBrotkrumennavigation ...... */
.WidgetBrotkrumennavigation {display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: flex-end; line-height: 50px;}
.WidgetBrotkrumennavigation a {display: block; white-space: nowrap;}
.WidgetBrotkrumennavigation .LinkAbstand:after {content: " "; display: block; background: url(PfeilRechts.png) no-repeat; background-size: 100%; margin: 0 5px; width: 25px; height: 25px;}


/* ...... flexForm ...... */
.flexForm {display: flex; flex-wrap: wrap;}
.flexForm > div:nth-child(1n) {width: 33.33%;}
.flexForm > div:nth-child(2n) {width: 66.66%;}
.flexForm > div {margin: 0 0 15px 0;}
.flexForm input[type=text]
, .flexForm input[type=submit]
, .flexForm input[type=password]
, .flexForm textarea
, .flexForm select {width: 100%; border: 1px solid #DDE2E8; padding: 5px; transition: border 1s ease; border-radius: 3px;}
.flexForm input[type=text]:hover
, .flexForm input[type=password]:hover
, .flexForm textarea:hover
, .flexForm select:hover
, .flexForm input[type=text]:focus
, .flexForm input[type=password]:focus
, .flexForm textarea:focus
, .flexForm select:focus{border: 1px solid #121D2A; transition: border 1s ease;}
.flexForm img {max-width: 100%;}
.flexForm .trenner {background: #DDE2E8; padding: 10px;}

.flexForm input[type=submit] {background: #720700; color: #fff; font-weight; font-size: 2.222rem; }


/* ...... KontaktformularAllgemeinErfolg ...... */
.KontaktformularAllgemeinErfolgHintergrund {position: fixed; top: 0; left: 0; z-index: 1000;  opacity: 0.8; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); }
.KontaktformularAllgemeinErfolg {max-width: 320px; position: absolute; top: 80px; left: 50%; margin-left: -160px; background-color: rgba(255,255,255,0.9); border: solid #E4E4E4 8px; padding: 20px; z-index: 1000; }
.KontaktformularAllgemeinErfolg .schliessen {text-align: right; margin: 0 0 10px 0;}


/* ..... passwortgeschuetzteSeiten ..... */
.passwortgeschuetzteSeitenWrongpass {}
.passwortgeschuetzteSeitenWrongpass h1 {font-size: 2.5rem; display: flex; align-items: center;}
.passwortgeschuetzteSeitenWrongpass h1:before {content: url(IconSchlossRot.png);}