@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;src:url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-regular.eot');src:local(''),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-regular.eot?#iefix') format('embedded-opentype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-regular.woff2') format('woff2'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-regular.woff') format('woff'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-regular.ttf') format('truetype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-regular.svg#DancingScript') format('svg')}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:500;src:url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-500.eot');src:local(''),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-500.eot?#iefix') format('embedded-opentype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-500.woff2') format('woff2'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-500.woff') format('woff'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-500.ttf') format('truetype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-500.svg#DancingScript') format('svg')}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:600;src:url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-600.eot');src:local(''),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-600.eot?#iefix') format('embedded-opentype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-600.woff2') format('woff2'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-600.woff') format('woff'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-600.ttf') format('truetype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-600.svg#DancingScript') format('svg')}
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:700;src:url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-700.eot');src:local(''),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-700.eot?#iefix') format('embedded-opentype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-700.woff2') format('woff2'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-700.woff') format('woff'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-700.ttf') format('truetype'),url('/static/bvfr/fonts/dancing-script/dancing-script-v16-latin-700.svg#DancingScript') format('svg')}

* { padding: 0; margin: 0; }
*:focus { outline: 0; }
body { 
  background-color: #e0edf6; 
  font-family: Arial, Verdana, sans-serif; 
  font-weight: 400; 
  font-size: 13pt; 
  color: #000; 
  position: relative; 
  overflow-y: scroll;
  background-image: url(/static/bvfr/bg_page.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-attachment: fixed;
}

:root{
  --bv_blue: #005caa;
  --bv_dark_blue: #313394;
  --ff_dancing_script: 'Dancing Script', Arial;
  --content_abstand: 70px;
}

a:focus { outline: none; }
a { color: var(--bv_blue); }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { color: var(--bv_blue); text-decoration: none; }

.clear { clear: both; }
.imgleft { float: left; margin-right:30px; margin-bottom:20px; }
.imgright { float: right; margin-left:30px; margin-bottom:20px; }

#schnaeppchen-flex { display: flex; align-items: center; }
#schnaeppchen-flex-bild { flex: 0 0 33%; }
#schnaeppchen-flex-bild img { display: block; width: 100%; }
#schnaeppchen-flex-trenner { flex: 0 0 40px; }
#schnaeppchen-flex-text { flex-grow: 1; }



#header { position: fixed; max-width: 2000px; width: 2000px; background-color: #279cd0; height: 150px; left: 50%; border-radius: 50%; top: -88px; z-index: 10; 
 -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
}
#palme-wrap { position: relative; width: 100%; max-width: 2000px; margin: 0 auto; z-index: 5; /*top: -100px;*/ top: 0; }
#palme-wrap.startseite { top: 0; }
#palme { position: fixed; margin-left: -285px; }
#palme img { display: block; }

#navigation-desktop { padding-top: 100px; display: flex; width: 54%; margin: 0 auto; justify-content: center; }
#navigation-desktop a { color: #fff; text-transform: uppercase; margin: 0 25px; font-size: 18pt; transition: color ease-in 150ms; }
#navigation-desktop a:hover, #navigation-desktop a:focus { color: #fff; }
#wrap-content { max-width: 1200px; width: 100%; margin: 0 auto; background-color: rgb(255 255 255 / 90%); box-shadow: 0px 0px 5px 5px rgb(255 255 255 / 90%); margin-bottom: 25px; }
#content { padding: 45px 20px 20px 20px; }

#head-mobile { display: none; }
#mobile-menu-switch { display: none; }
#mobile-navigation { display: none; }

#page-start { display: flex; align-items: center; }
#page-start-image { flex-grow: 1; position: relative; }
#page-start-image img { width: 100%; }
#page-start-logo { flex: 0 0 335px; }
#page-start-logo a { padding-bottom: 40px; display: block; }
#page-start-logo a:last-child { padding-bottom: 0; }
#logo img { display: block; max-width: 285px; width: 100%; margin-left: auto; }
#logo_award img { display: block; max-width: 205px; width: 100%; margin-left: auto; margin-right: 72px; }
#start-titel { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
#start-titel h1 { font-family: var(--ff_dancing_script); font-size: 40pt; color: var(--bv_blue); }

#page-content { padding-top: 60px; }
.big-info { margin-bottom: var(--content_abstand); padding: 20px; background-color: rgb(255 255 255 / 75%); border-radius: 10px; border: 1px solid var(--bv_blue); }
h2.big-info-headline { margin-bottom: 15px; text-align: center; }
.big-info-content p:last-child { margin-bottom: 0; }
.big-info:last-child { margin-bottom: var(--content_abstand); }

.area { padding-bottom: var(--content_abstand); }
.area-headline { margin-bottom: 20px; }

#news { display: flex; justify-content: space-between; }
.newsmeldung { flex: 0 0 44%; }
.content-trenner { width: 100%; height: 25px; }


.link-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.link-list-element { flex: 0 0 30%; display: flex; padding: 20px 0; }
.link-list-element-icon { flex: 0 0 20px; }
.link-list-element-icon img { display: block; height: 25px; }
.link-list-element-text { flex-grow: 1; }


#navigation-desktop a { position: relative; display: inline-block; }
#navigation-desktop a::after { content: ''; display: block; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 0; transform: scaleX(0); transform-origin: right; transition: transform ease-in 250ms; }
#navigation-desktop a:hover::after { transform: scaleX(1); transform-origin: left; }
/* , #navigation-desktop a:focus::after */

h2 { font-size: 1.9rem; font-weight: 400; }
.inh-abs-titel h2 { font-size: 1.6rem; }
h3 { font-size: 1.5rem; font-weight: 400; }


#kontakt { display: flex; justify-content: space-between; }
#kontakt-daten { flex: 0 0 44%; }
#kontakt-zeiten { flex: 0 0 44%; }


#footer { display: flex; justify-content: space-evenly; font-size: 11pt; padding-bottom: 30px; }
#footer-links a { margin-right: 25px; }
#footer-links a:last-child { margin-right: 0; }


#kontakt_form { padding-top: var(--content_abstand); }


@media screen and (max-width: 1250px){
	#palme img { width: 870px; }
}

@media screen and (max-width: 1100px){

  #page-start-logo { flex: 0 0 265px; }
  #logo img { max-width: 220px; }
  #logo_award img { max-width: 135px; }
  
  .link-list-element { flex: 0 0 50%; }
}

@media screen and (max-width: 1000px){

	#palme img { width: 100%; max-width: 125vw; }
  #header { display: none; }
  #head-mobile { display: block; z-index: 70; position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; border-bottom: 3px solid var(--bv_blue); }
	#head-mobile-content { display: flex; padding: 10px 10px 10px 10px; }
  #head-mobile-logo { flex: 0 0 50%; }
  #head-mobile-logo img { display: block; height: 60px; }

  #mobile-menu-switch { position: fixed; right: 20px; top: 23px; display: block; z-index: 80; padding: 8px 0 2px 10px; }
  #mm-button { width: 30px; height: 30px; position: relative; cursor: pointer;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
  }
  #mm-button span { display: block; position: absolute; height: 4px; width: 50%; background: var(--bv_blue); opacity: 1; left: 0;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
  transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
  }
  #mm-button span:nth-child(even) { left: 50%; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
  #mm-button span:nth-child(odd) { left:0px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
  #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; }
  #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 10px; }
  #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 20px; }
  #mm-button.open span { background: #fff; }
  #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
  #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
  #mm-button.open span:nth-child(1) { left: 3px; top: 7px; }
  #mm-button.open span:nth-child(2) { left: calc(50% - 3px); top: 7px; }
  #mm-button.open span:nth-child(3) { left: -50%; opacity: 0; }
  #mm-button.open span:nth-child(4) { left: 100%; opacity: 0; }
  #mm-button.open span:nth-child(5) { left: 3px; top: 17px; }
  #mm-button.open span:nth-child(6) { left: calc(50% - 3px); top: 17px; }
  
  #siteoverlay { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75;
		-webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear;
  }
  
  #mobile-navigation { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; max-width: 440px; visibility: hidden;
    -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear;
  }
  #mobile-navigation.open { opacity: 1; visibility: visible; left: 0; }
  #nav-content { width: 100%; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; }
  #ios-menu-korrektur { width: 100%; height: 70px; }
  #mnav-head { padding: 15px 0 5px 0; max-height: 58px; }
  #mnav-head .tbl { width: 80%; margin: 0 auto; }
  #mnav-head .tbl-td { vertical-align: top; }
  #mm-search-btn { width: 46px; }
  #mm-search-btn button { height: 38px; }
  #mm-search-btn span { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; }

  #mnav-body { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; }
  #mnav-body a { text-decoration: none; font-weight: bold; }
  #mnav-body a:hover {  }
  #mnav-body ul { list-style: none; padding: 0; margin: 0; }
  #mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #a0a0a0; display: block; }
  #mnav-body ul li {  }
  .manv0 { padding-left: 20px; }
  .manv1 { padding-left: 40px; }
  .manv2 { padding-left: 60px; }
  .manv3 { padding-left: 80px; }
  .mnavli0 { position: relative; }
  .mnavli1 { position: relative; }
  .mnavli2 { position: relative; }
  .mnavli3 {  }
  .show-sub-nav { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; color: #006F3B; }
  .marrow { border: 6px solid #0067b3; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
  .isclicked .marrow { border-top-color: transparent; border-bottom-color: #0067b3; }
  .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; }
  .mnavul1 { display: none; }
  .mnavul2 { display: none; }
  .mnavul3 { display: none; }
  



	#page-start-logo { display: none; }
  #news { flex-wrap: wrap; }
  .newsmeldung { flex: 0 0 100%; }
  .newsmeldung:last-child { padding-top: 35px; }
  #kontakt { flex-wrap: wrap; }
  #kontakt-daten { flex: 0 0 100%; }
  #kontakt-zeiten { flex: 0 0 100%; padding-top: 35px; }
  
  #schnaeppchen-flex { flex-wrap: wrap; justify-content: center; }
  #schnaeppchen-flex-bild { flex: 0 0 50%; order: 2; }
  #schnaeppchen-flex-trenner { display: none; }
  #schnaeppchen-flex-text { flex: 0 0 100%; padding-bottom: 30px; order: 1; }
}

@media screen and (max-width: 765px){
	#start-titel h1 { font-size: 8vw; }
  .link-list-element { flex: 0 0 100%; padding: 12px 0; }
  #footer { flex-wrap: wrap; }
  #footer-links { flex: 0 0 100%; padding-bottom: 20px; display: flex; justify-content: space-between; }
  #footer-links a { margin-right: 0; }
  #footer-copyright { text-align: center; flex: 0 0 100%; }
  #schnaeppchen-flex-bild { flex: 0 0 80%; }
}

@media screen and (max-width: 500px){
	#schnaeppchen-flex-bild { flex: 0 0 100%; }
}



#designbody { background: none; background-color: #fff !important; color: #000; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; }
#designbody a, #designbody a:hover { color: #005caa; }
#designbody ul, ol { padding-left: 21px; }
#designbody p { padding-bottom: 1rem; }
.mceContentBody { padding-top: 0!important; }
