@import 'fonts.css';
* {border-radius: 0;}
html{font-size:100%;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,0.01)0 0 1px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body{width:100%;margin:0 auto 0 auto;background:rgba(245,245,245,1);font-size:1rem;font-family:'Open Sans',sans-serif;font-weight:200;line-height:1.5rem;overflow-x:hidden;-webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;
-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.fein { -webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;font-size:0.875rem;font-weight:200;color:rgba(0,0,0,0.7);}
p,li,li a,label { -webkit-font-smoothing: antialiased !important;-moz-osx-font-smoothing: grayscale;font-size:1rem;line-height:1.5rem;font-weight:300;color:rgba(0,0,0,0.85);}
h1,h2,h3,h4,h5,h6 {color:rgba(0,0,0,0.8);font-weight:400} 
h1{ font-size:2rem;margin:0;padding:15px 0 10px 0}
h2{ font-size:1.5rem;margin:0;padding:15px 0 10px 0}
h3 { font-size:1.25rem;}
h4 { font-size:1rem;}
a,a:focus,a:hover,a:active{outline: 0 !important;}
a {color:rgba(0,0,0,0.7)}
a:focus {text-decoration: none;}
a:hover {color:rgba(0,0,0,0.7);text-decoration: none;}
.clearfix{clear:both}
.fs-11 { font-size:0.688rem; line-height:0.813rem}
.fs-12 { font-size:0.75rem; line-height:0.875rem}
.fs-13 { font-size:0.813rem; line-height:0.938rem}
.fs-14 { font-size:0.875rem; line-height:1rem}
.fs-15 { font-size:0.938rem; line-height:1.125rem}
.fs-16 { font-size:1rem; line-height:1.5rem}
.fs-18 { font-size:1.125rem;}
.fs-22 { font-size:1.375rem;}
.fs-24 { font-size:1.5rem;}
.fs-32 { font-size:2rem;}
.fs-42 { font-size:2.625rem;}
.fs-48 { font-size:3rem;}

.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fc_weiss { color:#fff;}
.cl-wein {color:#FA0924}
.cl-wald {color:#48F902}
.cl-kultur {color:#023CF9}

.pd-4 {padding:4px;}
.pd-5 {padding:5px;}
.pd-6 {padding:6px;}
.pd-7 {padding:7px;}
.pd-8 {padding:8px;}
.pd-9 {padding:9px;}
.pd-10 {padding:10px;}
.pd-15 {padding:15px;}
.pd-20 {padding:20px;}
.pd-25 {padding:25px;}
.pd-30 {padding:30px;}


.mb-10 {margin-bottom:10px;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.mb-40 {margin-bottom:40px;}
.mb-50 {margin-bottom:50px;}
.mb-60 {margin-bottom:60px;}
.mb-70 {margin-bottom:70px;}
.mb-80 {margin-bottom:80px;}
.mb-90 {margin-bottom:90px;}
.mb-100 {margin-bottom:100px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mt-30 {margin-top:30px;}
.mt-40 {margin-top:40px;}
.mt-50 {margin-top:50px;}
.mt-60 {margin-top:60px;}
.mt-70 {margin-top:70px;}
.mt-80 {margin-top:80px;}
.mt-90 {margin-top:90px;}
.mt-100 {margin-top:100px;}
hr.gk{width:70%;padding:0;margin:10px auto 10px auto}
hr.gk-dot{width:100%;padding:0;height:0;border-top:1px dotted #999;margin:6px auto 20px auto}

.text {color: #333;font-size: 30px;font-weight: 300;margin-top: -50px;position: absolute;top: 50%;text-align: center;width: 100%;}
.text .val {font-size: 50px;}
.text .type-time {font-size:1.25px;}

.mehrspaltig-2 {padding:30px 0 30px 0;-webkit-column-count: 2;-webkit-column-width: 12em;columns: 2 12em;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.mehrspaltig-2 p { font-size:1.125rem;line-height:26px;color:#333}
.mehrspaltig-3 {padding:30px 0 30px 0;-webkit-column-count: 3;-webkit-column-width: 12em;columns: 3 12em;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.mehrspaltig-3 p { font-size:1.125rem;line-height:26px;color:#333}
.mehrspaltig-4 {padding:30px 0 30px 0;-webkit-column-count: 4;-webkit-column-width: 12em;columns: 4 12em;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
.mehrspaltig-4 p { font-size:1.125rem;line-height:26px;color:#333}

/*-------------------- */
.panel{ padding:0;height:100%}
.panel p { margin:0;padding:0 6px 0 6px; color:#555;font-size:0.938rem;}
.panel p a { color:#555;font-size:0.938rem;}



#GAESTEKARTE h1,#GAESTEKARTE h2,#GAESTEKARTE h3 { font-size:1.5rem;color:#555}


.panel_bg_0{ background:rgba(255,0,0, 0.2);}
.panel_bg_1{ background:rgba(1,114,137,0.2);}
.panel_bg_2{ background:rgba(188,221,66,0.2);}
.panel_bg_3{ background:rgba(91,31,39,0.2);}
.panel_bg_4{ background:rgba(14,67,101,0.2);}
.panel_bg_5{ background:rgba(237,197,23,0.2);}
.panel_bg_6{ background:rgba(20,25,59,0.2);}
.panel_bg_7{ background:rgba(105,122,129,0.2);}
.panel_bg_8{ background:rgba(215,169,74,0.2);}
.panel_bg_9{ background:rgba(191,197,131,0.2);}
.panel_bg_10{background:rgba(58,107,56,0.2);}

.panel_header{margin:0;padding:8px 0 8px 0;color:#fff;}
.panel_header_bg_0{ background:rgb(255,0,0);}
.panel_header_bg_1{ background:rgb(1, 114, 137);}
.panel_header_bg_2{ background:rgb(188, 221, 66);}
.panel_header_bg_3{ background:rgb(91, 31, 39);}
.panel_header_bg_4{ background:rgb(14, 67, 101);}
.panel_header_bg_5{ background:rgb(237, 197, 23);}
.panel_header_bg_6{ background:rgb(20, 25, 59);}
.panel_header_bg_7{ background:rgb(105, 122, 129);}
.panel_header_bg_8{ background:rgb(215, 169, 74);}
.panel_header_bg_9{ background:rgb(191, 197, 131);}
.panel_header_bg_10{ background:rgb(58, 107, 56);}

.panel_border_0,.outline_0{border:1px solid rgb(255,0,0);}
.panel_border_1,.outline_1{border:1px solid rgb(1, 114, 137);}
.panel_border_2,.outline_2{border:1px solid rgb(188, 221, 66);}
.panel_border_3,.outline_3{border:1px solid rgb(91, 31, 39);}
.panel_border_4,.outline_4{border:1px solid rgb(14, 67, 101);}
.panel_border_5,.outline_5{border:1px solid rgb(237, 197, 23);}
.panel_border_6,.outline_6{border:1px solid rgb(20, 25, 59);}
.panel_border_7,.outline_7{border:1px solid rgb(105, 122, 129);}
.panel_border_8,.outline_8{border:1px solid rgb(215, 169, 74);}
.panel_border_9,.outline_9{border:1px solid rgb(191, 197, 131);}
.panel_border_10,.outline_10{border:1px solid rgb(58, 107, 56);}


.panel_border_1{border:1px solid rgb(1, 114, 137);}
.panel_border_2{border:1px solid rgb(188, 221, 66);}
.panel_border_3{border:1px solid rgb(91, 31, 39);}
.panel_border_4{border:1px solid rgb(14, 67, 101);}
.panel_border_5{border:1px solid rgb(237, 197, 23);}
.panel_border_6{border:1px solid rgb(20, 25, 59);}
.panel_border_7{border:1px solid rgb(105, 122, 129);}
.panel_border_8{border:1px solid rgb(215, 169, 74);}
.panel_border_9{border:1px solid rgb(191, 197, 131);}
.panel_border_10{border:1px solid rgb(58, 107, 56);}


h4.posi_1er::before{ content: attr(data-done);color:#fff;position:absolute;padding:10px 10px;font-size:1.5rem;height:26px;}
h4.posi_2er::before{ content: attr(data-done);color:#fff;position:absolute;padding:10px 3px;font-size:1.5rem;height:26px;}
h4.posi_bg::before{position:absolute;left:45%;top:-15px;height:50px;width:50px;border-radius: 50px;margin:auto;}
h4.posi_bg_0::before{background: rgb(255,0,0);}
h4.posi_bg_1::before{background: rgb(1, 114, 137);} 
h4.posi_bg_2::before{background: rgb(188, 221, 66);}
h4.posi_bg_3::before{background: rgb(91, 31, 39);}
h4.posi_bg_4::before{background: rgb(14, 67, 101);}
h4.posi_bg_5::before{background: rgb(237, 197, 23);}
h4.posi_bg_6::before{background: rgb(20, 25, 59);}
h4.posi_bg_7::before{background: rgb(105, 122, 129);}
h4.posi_bg_8::before{background: rgb(215, 169, 74);}
h4.posi_bg_9::before{background: rgb(191, 197, 131);}
h4.posi_bg_10::before{background: rgb(58, 107, 56);}

.bg_rot{ background:rgb(255,0,0);}
.bg_grau_blau{ background:rgb(1, 114, 137);}
.bg_hellgruen{ background:rgb(188, 221, 66);}
.bg_maron{ background-color:rgb(91, 31, 39);}
.bg_blauschwarz{ background-color:rgb(14, 67, 101);}
.bg_gold{ background-color:rgb(237, 197, 23);}
.bg_kohle{ background-color:rgb(20, 25, 59);}
.bg_grau{ background-color:rgb(105, 122, 129);}
.bg_senf{ background-color:rgb(215, 169, 74);}
.bg_salbei{ background-color:rgb(191, 197, 131);}
.bg_waldgruen{ background-color:rgb(58, 107, 56);}

.bg_0{ background:rgb(255,0,0);}
.bg_1{ background:rgb(1, 114, 137);}
.bg_2{ background:rgb(188, 221, 66);}
.bg_3{ background-color:rgb(91, 31, 39);}
.bg_4{ background-color:rgb(14, 67, 101);}
.bg_5{ background-color:rgb(237, 197, 23);}
.bg_6{ background-color:rgb(20, 25, 59);}
.bg_7{ background-color:rgb(105, 122, 129);}
.bg_8{ background-color:rgb(215, 169, 74);}
.bg_9{ background-color:rgb(191, 197, 131);}
.bg_10{ background-color:rgb(58, 107, 56);}


.fc_button_0{color:rgb(255,255,255);}
.fc_button_1{color:rgb(255,255,255);}
.fc_button_2{color:rgb(255,255,255);}
.fc_button_3{color:rgb(255,255,255);}
.fc_button_4{color:rgb(255,255,255);}
.fc_button_5{color:rgb(255,255,255);}
.fc_button_6{color:rgb(255,255,255);}
.fc_button_7{color:rgb(255,255,255);}
.fc_button_8{color:rgb(255,255,255);}
.fc_button_9{color:rgb(255,255,255);}
.fc_button_10{color:rgb(255,255,255);}

button { padding:0 6px 0 6px;margin:0 3px 2px auto;line-height:34px;border-radius: 5px;}
.bt_h{border:6px;border-color:rgb(2, 128, 255);border-style: solid; border-bottom-width: medium;}


.hr-box { display: block;width:70%;margin:6px auto 6px auto;padding:0;height:0;border:none} 


hr {
	border-top: 1px solid rgba(0,0,0,0.1) !important;
	margin-bottom:20px !important; 
	margin-top:20px !important;
	width:50%;
}
h1.willkommen{ text-align:center;letter-spacing:2px;font-size:36px;font-weight:200}
h2.willkommen{ text-align:center;letter-spacing:1px;font-size:32px;font-weight:200}
h3.willkommen{ text-align:center;letter-spacing:1px;font-size:28px;font-weight:200}
.anrede {font-size:22px;}
img.maxwidth{max-width:300px;float:left;padding-right:20px;padding-bottom:10px}
.back-to-top {position:fixed;bottom:0;right:0;z-index: 100;width:40px;height:80px;background:#3c5855;-moz-border-radius: 8px 0 0 0;-webkit-border-radius: 8px 0 0 0;border-radius: 8px 0 0 0;}
.back-to-top:before {color:#fff; font-family:FontAwesome;content:"\f102";font-style: normal;font-variant: normal;font-weight:thin;display: inline-block;font-size:48px;line-height:80px;width:40px; text-align:center}
.back-to-top:hover {color:red} 
@media only screen and ( max-width: 651px ) {
  .back-to-top{
    display:none !important;
  }

h1.willkommen{ text-align:center;letter-spacing:1px;font-size:22px;font-weight:300}
h2.willkommen{ text-align:center;letter-spacing:1px;font-size:20px;font-weight:300}
h3.willkommen{ text-align:center;letter-spacing:1px;font-size:18px;font-weight:300}
.anrede {font-size:18px;}
img.maxwidth{clear:both;margin:0;padding:0 0 10px 0;max-width:100%}
}

.begruessung {width: 100%;}
.wein { font-size:1.125rem;font-weight:bold;color: maroon;}
.wald { font-size:1.125rem;font-weight:bold;color: green;}
.kultur { font-size:1.125rem;font-weight:bold;color: navy;}
img.no-image{ display:none; }
img.yes-image{ display:block; }
img.no-mobile{ display:none; }

.hooooover:hover, .hooooover:focus, .hooooover:active {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transform: none;-moz-transform: none;transform: none;}
.hooooover {-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}

a[href^="tel:"] {color: #174b6d;text-decoration: none;}
a[href^="tel:"]:hover {color:blue;}
a[href^="tel:"]:hover::before{color:blue;}
a[href^="tel:"]:before{font-family:FontAwesome;content:"\f2a0";color:#174b6d;font-size:26px;position:relative;top:3px;margin-right:6px;margin-left:6px;}
a[href^="sms:"]{color:#174b6d;text-decoration:none;}
a[href^="sms:"]:hover::before{color:blue;}
a[href^="sms:"]:hover{color:blue;}
a[href^="sms:"]:before{font-family:FontAwesome;content:"\f27b";color:#174b6d;font-size:26px;position:relative;top:3px;margin-right:6px;margin-left:6px;}
.globe:hover::before{color:blue;}
.globe:before{font-family:FontAwesome;content:"\f0ac";color:#174b6d;font-size:1.5rem;position:relative;top:3px;margin-right:6px;margin-left:6px;}
.globe:after{content:"|";color:#174b6d;font-size:1.125rem;}
.map-marker:hover::before{color:blue;}
.map-marker:before{font-family:FontAwesome;content:"\f041";color:#174b6d;font-size:1.5rem;position:relative;top:3px;margin-right:6px;margin-left:6px;}
.map-marker:after{content:"|";color:#174b6d;font-size:1.125rem;}


@media(min-width: 992px) {

.hooooover:hover, .hooooover:focus, .hooooover:active
{
-webkit-box-shadow: 5px 5px 10px rgba(0,0, 0, 0.4);
-moz-box-shadow: 5px 5px 10px rgba(0,0, 0, 0.4);
box-shadow: 5px 5px 10px rgba(0,0, 0, 0.4);
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
transform: scale(1.01);
}
.hooooover
{
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear;
transition:all 0.2s linear;
-moz-border-radius:0 ;
-webkit-border-radius:0 ;
border-radius:0 ;
}
.begruessung {width: 100%;font-size:1rem;line-height:20px;column-count:3;column-rule-color:#0e4365;column-rule-width:1px;column-rule-style:dotted;-webkit-column-count:3;-webkit-column-rule-color:#0e4365;-webkit-column-rule-width:1px;-webkit-column-rule-style:dotted;-moz-column-count:3;-moz-column-rule-color:#0e4365;-moz-column-rule-width:1px;-moz-column-rule-style:dotted;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;}
.beruessung a{font-size:0.875rem;line-height:1rem;}
.row{display: -webkit-box;display: -webkit-flex;display:-ms-flexbox;display:flex;}
.row > [class*='col-'] {display: flex;flex-direction: column;}
img.no-image{ display:block; }
img.yes-image{ display:block; }
img.no-mobile{ display:block; }
}
#nav_left{width:100%;text-align:center;margin-top:10px;}

@media(max-width: 991px) {
#MySlider { margin-top:55px;}
#GAESTEKARTE h1,#GAESTEKARTE h2,#GAESTEKARTE h3 { font-size:1.25rem}
h1{ font-size:1.375rem;margin:0;padding:15px 0 10px 0}
h2{ font-size:1.25rem;margin:0;padding:15px 0 10px 0}
h3 { font-size:1.125rem;}
h4 { font-size:1rem;}
}




/* style.css */
.bg-f1 { padding:4px;background:#f1f1f1}
.h3-menu-txt {color:#3C1B16;padding:6px 0 6px 0;text-align:center;background:#e1e1e1}
.list-unstyled.check > li{ background-image: url(images/check.png);background-repeat: no-repeat;background-position: 0 5px;padding: 1px 0 3px 20px;}
.list-unstyled.check1 > li{ background-image: url(images/check1.png);background-repeat: no-repeat;background-position: 0 5px;padding: 1px 0 3px 20px;}

.list-unstyled.icon_right.ul-bg {
background:#444359;
margin-left:0;
padding-left:6px; 
color:#fff;
}
.list-unstyled.icon_right.ul-bg > li {
color:#e1e1e1;
height:28px;
line-height:28px;
font-size:0.75rem;
}

.list-unstyled.icon_right.ul-bg > li:before {
  content: "\f101"; 
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size:1rem;
  color: #EDCE73;
  margin-left:-14px;
}


.list-unstyled > li {margin-left:14px;line-height:26px;font-size:0.813rem;}
.list-unstyled > li:hover a{color:blue;}
.list-unstyled.fc-grau > li:before{ color:rgba(255,255,255,0.6);}
.list-unstyled.fc-footer > li:before{ color:rgba(101, 93, 124,0.9);}
.list-unstyled > li.news:before{content:"\f1ea";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.home:before{content:"\f015";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.euro:before{content:"\f153";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.uhr:before{content:"\f017";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.impressum:before{content:"\f02d";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.datenschutz:before{content:"\f05a";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.mail:before {content:"@";font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.web:before {content:"\f08e";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.download:before {content:"\f019";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}
.list-unstyled > li.link:before {content:"\f08e";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;margin-left:-20px;}


.list-unstyled.icon_right > li:before {content:"\f105";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:lightblue;margin-left:-14px;}
.list-unstyled.eintraege{color:#4F2B09;line-height:24px;font-size:0.938rem;}
.list-unstyled.eintraege > li {color:#4F2B09;line-height:24px;font-size:0.938rem;}
.list-unstyled.eintraege > li:hover a{color:blue;}
.list-unstyled.eintraege > li a{color:#4F2B09;line-height:24px;font-size:0.938rem;}
.list-unstyled.eintraege > li.blank1:before{content:" ";font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege > li.telefon1{font-weight:normal;font-size:1rem;color:#4F2B09;line-height:20px;margin-top:2px;margin-left:2px}
.list-unstyled.eintraege > li.fax1:before{content:"\f1ac";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege > li.mail1:before{content:"\f0e0";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:blue;margin-top:4px;margin-left:-20px;}
.list-unstyled.eintraege > li.mail1{font-weight:normal;font-size:1rem;color:#555;line-height:20px;margin-top:2px;margin-left:20px}

.list-unstyled.eintraege > li.map1:before{content:"\f041";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1.3rem;color:red;margin-left:-20px;}
.list-unstyled.eintraege > li.map1{font-weight:normal;font-size:1rem;color:#555;line-height:20px;margin-top:2px;margin-left:20px}


.list-unstyled.eintraege > li.web1{font-weight:normal;text-decoration:inherit;font-size:1rem;color:#555;line-height:20px;margin-top:2px;margin-left:20px;}
.list-unstyled.eintraege > li.web1:before{content:"\f08e";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-top:6px;margin-left:-20px;}
.list-unstyled.eintraege  > li.news:before{content:"\f1ea";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege  > li.home:before{content:"\f015";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege  > li.euro:before{content:"\f153";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege  > li.uhr:before{content:"\f017";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege  > li.impressum:before{content:"\f02d";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.list-unstyled.eintraege  > li.datenschutz:before{content:"\f05a";font-family:FontAwesome;font-style:normal;text-decoration:inherit;position:absolute;font-size:1rem;color:#4F2B09;margin-left:-20px;}
.navi-links-titel { text-align:center;padding:8px;font-size:1.125rem;font-weight:500;letter-spacing:1px;background:rgba(217, 221, 224, 1);}
.navi-links-titel-mehr { font-size:1.125rem;font-weight:300;text-align:center;padding:6px 0;background:rgba(217, 221, 224, 0.7);}



span.telefon {color: #666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.telefon:before {content: "\260e";font-family: 'FontAwesome';font-size:1rem;color: #666;margin-right:5px; }
span.fax {color: #666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.fax:before {content: "\f1ac";font-family: 'FontAwesome';font-size:1rem;color: #666;margin-right:5px;}
span.mail {color:#666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.mail:before {content: "@";font-family: 'FontAwesome';font-size:1rem;color:#3366FF;margin-right:5px;}
span.e-mail {color:#666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.e-mail:before {content: "\f0e0";font-family: 'FontAwesome';font-size:1rem;color:#3366FF; ;margin-right:5px;}
span.mailblau {color:#666;font-size:0.875rem;margin:0;padding:2px 0 2px 0;}
span.mailblau:before {content: "@";font-family: 'FontAwesome';font-size:1rem;color: #3366FF;position:relative;top:-2px;margin:0 5px 0 0;}
span.web {color: #666;font-size:0.875rem;margin:0;padding:2px 0 2px 0;}
span.web:before {content: "\f0ac";font-family: 'FontAwesome';font-size:1rem;color: #3366FF;margin:0 8px 0 1px;}
span.web:hover {content:"";color:#3366FF;}
span.map{ font-size:0.875rem;margin:0;padding:2px 0 2px 0;}
span.map:before{ text-align:center;content:"\f041";font-family:'FontAwesome';font-size:1rem;color: #3366FF;margin:0 10px 0 3px;}
span.map:hover {content:"";color:#3366FF;}
span.news {color: #666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.news:before{content:"\f1ea";font-family:'FontAwesome';font-size:1rem;color: #666;margin-right:5px;}
span.impressum {color: #666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.impressum:before{content:"\f02d";font-family:'FontAwesome';font-size:1rem;color: #666;margin-right:5px;}
span.datenschutz {color: #666;font-size:1rem;margin:0;padding:2px 0 2px 0;}
span.datenschutz:before{content:"\f05a";font-family:'FontAwesome';font-size:1rem;color: #666;margin-right:5px;}
span.link:before{content:"\f08e";font-family:'FontAwesome';font-size:1rem;color:#3366FF;margin-right:5px;}
span.download:before{content:"\f019";font-family:'FontAwesome';font-size:1rem;color:#3366FF;margin-right:5px;}
span.link:hover {content:"";color:#3366FF;}

.row.spalte-termin {margin-bottom:10px;border:0 solid #e1e1e1;background:rgba(245,245,245,0)}
.row.spalte-termin > .row_bottom { padding:0;border-bottom:1px solid #e1e1e1;background:rgba(245,245,245,0.8) }
.row.spalte-termin h1 { font-size:28px;text-align:center;font-weight:200;}
.row.spalte-termin h2 {margin:0;padding:10px 0 14px 10px}
.row.spalte-termin p {font-size:15px}
.nachrichtenbox { border:1px solid rgba(68, 67, 89, 0.2);background:#fff;}
.nachrichtenbox1 { width:100%;background:#f9f9f9;/*rgba(119,136,153,0.2);*/margin:0}

.senck-links {border-left:1px solid rgba(68, 67, 89, 0.5)}
.senck-rechts {border-right:1px solid rgba(68, 67, 89, 0.5)}
.waagrecht {border-bottom:1px solid rgba(68, 67, 89, 0.5)}
.fett { font-weight:600}


/*Farben */
.fc555 { color:#555;}
.fc-blau {color:#3366FF } /*{color:rgba(87, 201, 225, 1); }*/
.fc-weiss{color:#fff;}
.fc-grau{color:rgba(255,255,255,0.6)};
.bgc_weis { background:rgba(255,255,255,1);}
.bg-grau-1{background:rgba(217, 221, 224, 1);}
.bg-grau-8{background:rgba(217, 221, 224, 0.8);}
.bg-grau-6{background:rgba(217, 221, 224, 0.6);}
.line-h-20 { line-height:20px}
.line-h-24 { line-height:24px}
.line-h-28 { line-height:28px}

/*
.card-header{background-color:rgba(22, 50, 86,0.8);font-size:1.125rem;margin:0;padding:4px 0 4px 6px}
.card a{color:#fff;text-decoration:none}
.card-header .fa{transition:.3s transform ease-in-out;}
.card .collapsed .fa{transform: rotate(90deg);}
*/
.font-cook { font-family:'Cookie'; }
.ls-1{letter-spacing:1px}
.ls-11{letter-spacing:1.1px}
.ls-12{letter-spacing:1.2px}
.ls-13{letter-spacing:1.3px}
.ls-14{letter-spacing:1.4px}
.ls-15{letter-spacing:1.5px}
.ls-2{letter-spacing:2px}
.ls-3{letter-spacing:3px}
.ls-4{letter-spacing:4px}
.ls-5{letter-spacing:5px}


/*Footer-v1
------------------------------------*/
.footer-v1 .footer {
padding: 40px 0;	
background:rgb(105, 122, 129);
font-family:'Open Sans';font-size:0.875rem;font-weight:200;
}
#footer a {	color:rgba(207, 210, 214,0.8);font-weight:200;}
#footer a:focus {text-decoration: none;font-weight:200;}
#footer a:hover {	color:rgba(207, 210, 214,0.8);text-decoration: none;font-weight:200;}



.footer-v1 .footer p {
	color:rgba(207, 210, 214,0.8);
font-family:'Open Sans';font-size:0.875rem;font-weight:200;
}

.footer-v1 .footer small {
	color:rgba(207, 210, 214,0.8);
font-family:'Open Sans';font-size:0.75rem;font-weight:200;
}

.footer-v1 .footer h2 {
	color:rgba(207, 210, 214,0.8);
	font-size: 20px;
	font-weight: 200;
	background:rgba(0,0,0,0.5);
	margin:0 0 10px 0;
	padding:4px 0 4px 15px;
}

/*Link List*/
.footer-v1 .link-list li {
	border-top:1px dotted rgba(0,0,0,0.2);
}

.footer-v1 address,
.footer-v1 .link-list a,
.footer-v1 .link-list i {
	line-height:30px;
	color:rgba(207, 210, 214,0.8);
}

.footer-v1 address {
	line-height: 23px;
}
.footer-v1 address a {
	color:rgba(207, 210, 214,0.8);
	line-height: 23px;
}

/*Blog Posts (with images)*/
.footer-v1 .footer .posts .dl-horizontal a {
	color:rgba(207, 210, 214,0.8);
}

.footer-v1 .footer .dl-horizontal a:hover {
		color:rgba(207, 210, 214,0.8) !important;
}

/*Copyright*/
.footer-v1 .copyright {
background:rgb(105, 122, 129);
border-top: none;
padding: 4px 0 6px;
}

.footer-v1 .copyright p {
	color:rgba(207, 210, 214,0.8);
	margin-top: 4px;
}

.footer-v1 .copyright a {
	margin: 0 2px;
	color:rgba(207, 210, 214,0.8);
}

.footer-v1 .footer-socials {
	margin-top: 12px;
	text-align: right;
}

.footer-v1 .footer-socials li a {
	color:rgba(207, 210, 214,0.8);
	font-size:1rem;
}
.footer-logo { max-width:150px}
@media (max-width: 991px) {
	.footer-v1 .copyright,
	.footer-v1 .footer-socials {
		text-align: left;
	}
}

/* this is to reproduce table-like structure
     for the sake of table-less layout. */
  .table { display:table; table-layout:fixed; width:100px; }
  .row1 { display:table-row; height:10px; }
  .cell { display:table-cell; }

  /* this is where the colspan tricks works. */
  span { width:100%; }

  /* below is for visual recognition test purposes only. */
  .red { background:red; }
  .blue { background:blue; }
  .green { background:green; }
  .black { background:black; }

  /* this is the benefit of using table display, it is able 
     to set the width of it's child object to fill the rest of 
     the parent width as in table */
  .first { width: 20px; }
  .last { width: 30px; }
  .fill { width: 100%; }
  
/* Aktuee Meldungen Startseite */
@keyframes fadeIn { 
  from { opacity: 0; } 
}
.aktuelles {
  animation: fadeIn 2s infinite alternate;
}
.aktuelles_bg{ background:url(../../../../assets/images/menues/meldungen.jpg) no-repeat;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
}

.hoooverbox .hoooverbox-bg {
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}
.hoooverbox .hvr-scale {
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.hoooverbox:active .hvr-scale,
.hoooverbox:active:focus .hvr-scale,
.hoooverbox:focus .hvr-scale,
.hoooverbox:hover .hvr-scale {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.hoooverbox-bg {
    position: relative;
}
.hoooverbox-bg::after,
.hoooverbox-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
    -o-transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.18, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.18, 1);

}
.hoooverbox-bg::after {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    border-left: 2px solid rgba(255, 255, 255, 0.75);
    border-right: 2px solid rgba(255, 255, 255, 0.75);
}
.hoooverbox-bg::before {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    border-top: 2px solid rgba(255, 255, 255, 0.75);
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
}
.hoooverbox:active .hoooverbox-bg::after,
.hoooverbox:active .hoooverbox-bg::before,
.hoooverbox:active:focus .hoooverbox-bg::after,
.hoooverbox:active:focus .hoooverbox-bg::before,
.hoooverbox:focus .hoooverbox-bg::after,
.hoooverbox:focus .hoooverbox-bg::before,
.hoooverbox:hover .hoooverbox-bg::after,
.hoooverbox:hover .hoooverbox-bg::before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



.hoooverbox {
    position: relative;
    overflow: hidden;
}
.hoooverbox .hoooverbox-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    margin: 0 !important;
}
.hoooverbox .hoooverbox-primary-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
}
.hoooverbox:active .hover-box-content-initial,
.hoooverbox:active:focus .hover-box-content-initial,
.hoooverbox:focus .hover-box-content-initial,
.hoooverbox:hover .hover-box-content-initial {
    opacity: 0;
}
.hoooverbox:active .hoooverbox-content,
.hoooverbox:active:focus .hoooverbox-content,
.hoooverbox:focus .hoooverbox-content,
.hoooverbox:hover .hoooverbox-content {
    opacity: 1;
}
.hoooverbox:active .as-hoooverbox-content,
.hoooverbox:active:focus .as-hoooverbox-content,
.hoooverbox:focus .as-hoooverbox-content,
.hoooverbox:hover .as-hoooverbox-content {
    z-index: 1;
}

.carousel-control-prev-icon {background: rgba(255,255,255,0.6);border-radius:50%;width: 48px;height: 48px;}
.carousel-control-next-icon {background: rgba(255,255,255,0.6);border-radius:50%;width: 48px;height: 48px;}
.carousel-control-prev-icon:before {font-family:"FontAwesome";content:"\f104";color:rgba(23, 162, 184,0.8);width:48px;height:48px;font-size:48px;line-height:48px} 
.carousel-control-next-icon:before {font-family:"FontAwesome";content:"\f105";color:rgba(23, 162, 184,0.8);width:48px;height:48px;font-size:48px;line-height:48px}
 .flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  }
  @keyframes flipInX {
  0% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
  }
  40% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  }
  60% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  } 
  
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 2.75s;
  animation-duration: 2.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flipOutX {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
  }
  }
  @keyframes flipOutX {
  0% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  }
  30% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
  }
  }
  
  .text-kalender-passiv { color:rgba(0,0,0,0.3);}
  .text-kalender-aktiv { color:rgba(23, 162, 184,1);}
    
  @media (min-width: 576px) {
  .scale-on-hover:hover{
    transform: scale(1.0001);
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.8) !important;
  }
}

.bg-container {width: 100%;height: 100%;box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .1);border-radius: 1px;position: relative;z-index: 1;background: inherit;overflow: hidden;}
.bg-container:before {content: "";position: absolute;background: inherit;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;box-shadow: inset 0 0 2000px rgba(255, 255, 255, .1);filter: blur(6px);margin: -20px;}
.bg-table { background:rgba(144, 231, 244, 0.8);}
.card {display: inline-block;position: relative;width: 100%;margin-bottom: 10px;border-radius: 6px;color: rgba(0, 0, 0, 0.87);background: #fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);}
.card .card-image {height: auto;position: relative;overflow: hidden;margin-left: 6px;margin-right: 6px;margin-top: -30px;border-radius: 6px;box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.1), 0 4px 25px 0px rgba(0, 0, 0, 0.02), 0 8px 10px -5px rgba(0, 0, 0, 0.12);}
.card .card-image img {width: 100%;height: auto;border-radius: 6px;pointer-events: none;}
.card img {width: 100%;height: auto;}
.img-raised {box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);}
.card .card-image .card-caption {position: absolute;bottom: 15px;left: 15px;color: #fff;font-size: 1.3em;text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);}
.card .card-image.box-shadow-nachrichten {box-shadow: 0 16px 38px -12px rgba(247, 212, 108, 0.56), 0 4px 25px 0px rgba(247, 212, 108, 0.12), 0 8px 10px -5px rgba(247, 212, 108, 0.2);}
.card .card-image.box-shadow-termine {box-shadow: 0 16px 38px -12px rgba(45, 170, 190, 0.16), 0 4px 25px 0px rgba(45, 170, 190, 0.12), 0 8px 10px -5px rgba(45, 170, 190, 0.2);}
.card .card-image.box-shadow-fuehrungen {box-shadow: 0 16px 38px -12px rgba(108, 117, 167, 0.56), 0 4px 25px 0px rgba(108, 117, 167, 0.12), 0 8px 10px -5px rgba(108, 117, 167, 0.2);}
.card-body { margin:0;padding:6px}
.card .card-body h5 {margin-top:4px;text-align:center;font-weight:500;font-size:18px}
.card .card-body h6 {margin-top:4px;text-align:center;font-weight:500;font-size:15px}
.card .card-body h6.fw-h6  {font-weight:500;}
.card .card-description {font-size:15px;margin-bottom:40px}
.card .card-footer {height:40px;position:absolute;left:0;bottom:0;margin:auto;}
.card .card-footer .mehr-darueber {font-size:15px;color:#333;text-align:center;margin-top:-5px}
.card .cardlink{ height:30px;line-height:30px;text-align:center;font-weight:200;margin:0;padding:0}
.card .cardlink.cardlink-termine { background:#A58302;color:#fff;}
.card .cardlink.cardlink-aktuell { background:#312d21;color:#fff;}
.card .cardlink.cardlink-verwaltung { background:#2F5BA8;color:#fff;}
.card .cardlink.cardlink-gastgeber { background:#ADA986;color:#fff;}
.card .cardlink.cardlink-gastronomie { background:#53483F;color:#fff;}
.card .cardlink.cardlink-weingueter { background:#8E5A5C;color:#fff;}
.card .cardlink.cardlink-aktivitaeten { background:#65703A;color:#fff;}
.card .cardlink.cardlink-shop { background:#be1546;color:#fff;}
.card .cardlink.cardlink-gaeste { background:#120F10;color:#fff;}
.card .cardlink.cardlink-meldungen { background:#a6f4ee;color:#333;}
.card .card-body hr { padding:0;margin:0 auto 0 auto;width:80%;background:rgba(0,0,0,0.05);height:1px;}

.zoom-in {transform: scale(0)!important;opacity: 0;-webkit-transition: 1.0s all 0s;-moz-transition: 1.0s all 0s;-ms-transition: 1.0s all 0s;-o-transition: 1.0s all 0s;transition: 1.0s all 0s;display: block !important;}
.zoom-in.show {opacity: 1;transform: scale(1)!important;transform:none;}
.css-selector {background: linear-gradient(270deg, #252525, #041c27);background-size: 400% 400%;-webkit-animation: AnimationName 30s ease infinite;-moz-animation: AnimationName 30s ease infinite;animation: AnimationName 30s ease infinite;}
@-webkit-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes AnimationName {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@media (max-width: 575.98px) {
  .modal-fullscreen {
    padding: 0 !important;
  }
  .modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen {
    padding: 0 !important;
  }
  .modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen {
    padding: 0 !important;
  }
  .modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen {
    padding: 0 !important;
  }
  .modal-fullscreen .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen .modal-body {
    overflow-y: auto;
  }
}
.modal-fullscreen {
  padding: 0 !important;
}
.modal-fullscreen .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.btn-open-modal {
  margin-bottom: 0.5em;
}














.no-scroll, .no-scroll body {overflow: hidden;}
@media ( max-width: 719px ) { 
	.modal {max-height:90%;margin-top:60px}
}
@media (min-width: 576px) {  
	#add_data_erledigt  .modal-content {max-width:100%}
	#add_data_Patenschaft .modal-content {max-width:100%}
	#modal_confirmation .modal-content {max-width:100%}
}
@media (min-width: 768px) {  
	#add_data_erledigt  .modal-content {max-width:80%}
	#add_data_Patenschaft .modal-content {max-width:80%}
	#modal_confirmation .modal-content {max-width:50%}
}
@media (min-width: 992px) { 
	.modal-content {max-width:100%}
}
@media (min-width: 1200px) {  
	#add_data_erledigt  .modal-content {max-width:40%}
	#add_data_Patenschaft .modal-content {max-width:70%}
	#modal_confirmation .modal-content {max-width:30%}
}

.container{
	margin-bottom: 40px;
}

img.mp3-cover {
	border-radius: 5px 5px 0 0;
	padding: 5px;
	width:100%;
}

.mp3-hover:hover
{
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1.1);
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1.1);   
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1.1);
	transition: all 200ms ease-in;
	transform: scale(1.1);
}

img.mp3-hover:hover{
	box-shadow: 0px 0px 100px #94a7ba;
	z-index: 2;
}

.mp3-auido{
	width:100%;
}

.mp3-details{
	height: 35px;
	background-color: #f9f9f9;
	text-align: center;
}

.mp3-details i{
	font-size: 30px;
	color: #666666;
	padding: 3px;
}

.mp3-details span{
	font-size: 30px;
	color: #666666;
	padding: 3px;
}

.mp3-details i{
	font-size: 40px;
	color: #666666;
	padding: 3px;
}
.mp3-details a{
	text-decoration: none;
}




.elem, .elem * {
	box-sizing: border-box;
	margin: 0 !important;	
}
.elem {
	display: inline-block;
	font-size: 0;
	width: 100%;
	border: 1px solid transparent;
	border-bottom: none;
	background: #fff;
	padding: 2px;
	height: auto;
	background-clip: padding-box;
}
.elem > div {
	display: block;
	cursor: pointer;
	height: 0;
	padding-bottom:	100%;
	background-size: cover;	
	background-position: center center;
}







<!-- LIGHTBOX FADING SHOW/HIDE EFFECT (as explained in documentation) -->
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}


.zoomer {transition: transform .9s;}
.zoomer:hover {transform: scale(1.02);}
.zoomerinformation{position:absolute;bottom:30px;}
.zoomertitel {font-size:2rem;font-style:italic;margin:auto auto 30px 50px;color:#fff;font-weight:500;}
.zoomermyinfo{margin-left:50px;padding:6px;font-size:1rem}
@media screen and (max-width:720px) {
	.zoomerinformation{position:absolute;bottom:16px;}
	.zoomertitel{font-size:1.1rem;margin:auto auto 12px 30px;}
	.zoomermyinfo{ margin-left:30px;padding:4px;font-size:0.8rem}
}