* { font-family: Candara, Calibri, Segoe, 'Segoe UI', Optima, Arial, sans-serif;font-size:12px;outline:0; }
html,body {height: 100%;background-image: url("../img/Background.png");_background-size: containe;
  background-position: top right;background-repeat: no-repeat;overflow: hidden;background-color: white; }

/* common ........................*/
ul {list-style-type: circle;}
.fill {height: 100%; }
.bold {font-weight:bold; }
.fs12 { font-size: 12px;}
.fs { font-size: 14px;}
.fs18 {font-size: 18px; }
.fs24 {font-size: 24px; }
.vcenter {display: flex;align-items: center;justify-content: center;}
.buttBR {position: absolute;bottom:8px;right:40px;font-size: 16px; }
.scroll {overflow: auto;}
.mainCol {color:#660066;}
.right {text-align:right; }
.orderBut {background-color:#660066;color:white;font-size:16px; }

video { background-color: white;}
label { font-size:14px;font-weight: normal;}
input[type='date'] {height:24px; }
button:focus {outline:0; !important}

article.fs > a {font-size:14px; }



/* ...............................*/
#sectWelcome	{height:100%; }
#sectWelcome .banner {height:40%; }
#sectWelcome .logo 	{height:100%; background-image: url("../img/Logo_Becky.png");background-repeat: no-repeat;
	background-position: center center;background-size: contain; }
#sectWelcome p {text-align: center;font-size: .9em; }
#sectWelcome p.slogan  {font-size: 2em;font-style: italic; }

#sectWelcome .mission	{height:40%;margin-top:2%; }
#sectWelcome .mission p {text-align: left;font-size: 18px;margin-top:1.0em; }
#sectWelcome .mission .row div {_height: 270px;overflow-y: auto;}
#sectWelcome .mission .first div:nth-child(1) {background-color: rgba(102, 0, 102, .3);margin-left:3%; }
#sectWelcome .mission .row div:nth-child(1) h3 {color: rgb( 102, 0, 102 ); font-size:2em;}
#sectWelcome .mission .row div:nth-child(2) {background-color: rgba( 0,153,204, .3); }
#sectWelcome .mission .row div:nth-child(2) h3 {color: rgb( 0,153,204 ); font-size:2em;}
#sectWelcome .mission .row div:nth-child(3) {background-color: rgba( 254,192,0, .4); }
#sectWelcome .mission .row div:nth-child(3) h3 {color: rgb( 153,102,0 ); font-size:2em;}


#sectProducts {height:94%; padding-top:2%;overflow: auto}

#sectProducts div.ctrl {padding-top:15%; }
#sectProducts div.ctrl span {font-size:28px;}
#sectProducts div.row:nth-child(1) {height:40%;}
#sectProducts .wb .panel-heading {font-size:16px;}
#sectProducts .wb .panel-body ul li {font-size:14px;}
#sectProducts div.row:nth-child(2) {height:40%;margin-top:3%;}
#sectProducts img.img-responsive {border:1px solid black; }

#sectShop {height:100%;padding-top:80px; } /* padding eingefügt nachdem Taschenaktion entfernt wurde */
#sectShop article {overflow-y:auto; }
#sectShop ul.list-unstyled li {font-size:14px; }
#sectShop div.folderImg {height:220px;width:100%;background-image: url("../img/Ordner_Becky.jpg");background-repeat: no-repeat;background-size:contain;
	background-position: center}
#sectShop .offer {height:120px;text-align:center;color:#660066;padding:20px;
	background-image: url("../img/Meet_Becky_Tasche.jpg");background-repeat: no-repeat;background-position:left;background-size:contain; }
#sectShop .offer p {font-size:18px; }

#sectOrderForm table.t1 {width:80%; }
#sectOrderForm table.t1 td {font-size:14px; }
#sectOrderForm table.t1 td:nth-child(2) {text-align:right; }

#sectOrderForm table.t2 {width:100%; }
#sectOrderForm table.t2 td,th {font-size:14px;height:30px; }
#sectOrderForm table.t2 td input,select {font-size:14px;padding-left:2px }
#sectOrderForm table.merge {width:90%;}
#sectOrderForm table.merge td {font-size:14px; }
#wiz_3 a {color:#660066;text-decoration: underline;}

#sectAbout {margin-top:30px;overflow:auto;height:80%}
#sectAbout img.portrait {margin-top: 60px;margin-left:40px;height:200px;}

#sectImpr {margin-top:30px;overflow:auto;height:90%}

/* blog.html */
#sectBlog {height:96%;overflow-y:auto;}
#sectBlog .logo  {height:150px; background-image: url("../img/Logo_Becky.png");background-repeat: no-repeat;
  background-position: center center;background-size: contain; }
#sectBlog .banner {height:40%; }



/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {


}

/* iPad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

 #sectWelcome .banner {height:32%; }
.vcenter { margin-top:7%; }
#sectWelcome .mission	{height:45%; }
}
/* iPad landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

.vcenter { margin-top:4%; }
#sectWelcome .banner {height:28%; }
#sectWelcome .mission	{height:50%; }

}

/* ---------------------------------------------- */
.stepwizard {display: table; width:64%; position: relative;margin-top:20px; }
.stepwizard-step p {margin-top:10px;font-size:14px;font-weight:bold;color:#660066; }
.stepwizard-step p.inactive {color:lightgrey; }
.stepwizard-row {display: table-row; }
.stepwizard-step button[disabled] {opacity: 1 !important; filter: alpha(opacity=100) !important;}

.stepwizard-row:before {top:14px;bottom: 0;position:absolute;content:" ";width:100%;height:1px;background-color: #ccc;z-order: 0; }

.stepwizard-step {display:table-cell;text-align:center; position:relative; }

.btn-circle {width: 30px;height: 30px;text-align: center;padding: 6px 0;font-size:12px;font-weight:bold;line-height:1.428571429;border-radius:15px; }



/* ---------------------------------------------- */


/* iPad portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
body {overflow: auto;}
.vcenter { margin-top:4%; }
#sectWelcome .banner {height:28%; }
#sectWelcome .mission {height:45%; }

}

/* iPhone 5 */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
body {overflow: auto;}
#sectWelcome p {text-align: center;font-size: .7em; }
#sectWelcome p.slogan  {font-size: 1em;font-style: italic; }
#sectWelcome .mission .row div:nth-child(1) {margin-left: 0px }
}

/* iPhone 6 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
body {overflow: auto;}
#sectWelcome p {text-align: center;font-size: .7em; }
#sectWelcome p.slogan  {font-size: 1em;font-style: italic; }
#sectWelcome .mission .row div:nth-child(1) {margin-left: 0px; }
}



/* -- N A V B A R ------------------------------------------------------------------------------ */
.navbar-default {
  background-color: #fdfdff;
  border-color: #660066;
}
.navbar-default .navbar-brand {
  color: #191919;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #fbf5f5;
}
.navbar-default .navbar-text {
  color: #191919;
}
.navbar-default .navbar-nav > li > a {
  color: #191919;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #191919;
  font-weight: bold;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #fbf5f5;
  background-color: #660066;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #fbf5f5;
  background-color: #660066;
}
.navbar-default .navbar-toggle {
  border-color: #660066;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #660066;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #191919;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #191919;
}
.navbar-default .navbar-link {
  color: #191919;
}
.navbar-default .navbar-link:hover {
  color: #fbf5f5;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #191919;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fbf5f5;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fbf5f5;
    background-color: #660066;
  }
}