/* STYLES EINGANGSSEITE */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular .ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


HTML {
  position: relative;
  min-height: 100%;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	background-color:#EFEFEF;
	background-image:url(../img/bg1.jpg);
	background-repeat:repeat;
  margin-bottom: 210px;
}
.container {
  min-width:375px;  /*400px*/
	background-color:#EBEBEB;
	padding:5px 20px 5px 20px;
	box-shadow: 0px 0px 50px #000000;
	text-align:center;
	position:relative;
} 
h1 {
	font-size:20px;
	color: #000000;
	font-weight: normal;
}
h2 {
	margin-top: -10px;
	margin-left: 210px;
	font-size:18px;
	color: #555555;
	font-weight: normal;
}

@media (min-width: 992px) {
  h1 #neumeyer {
  	margin-left: 170px;
  	font-weight: bold;
  	margin-bottom: -5px;
  }
h1 #schalkonfigurator {
	margin-left: 140px;
	color: #FF5F00;
	font-size: 2em;
	font-weight: bold;
}  
h2 {
  	margin-top: -10px;
  	margin-left: 390px;
  }
  #neumeyer-logo {
  	float:left;
  	margin-top: -10px;
  } 
  #header #beschreibung #schritt {
	 min-height: 210px;
  }
}
@media (max-width: 991px) {
  h1 #neumeyer {
    clear:both;
  	font-weight: bold;
    padding-top: 10px;
  	margin-bottom: -5px;    
  }
 h1 #schalkonfigurator {  
  	color: #FF5F00;
  	font-size: 25px; /*30px;*/
  }
  #neumeyer-logo {
  	float:left;
  	margin-top: -25px;
  } 
  h2 {
  	margin-top: -10px;
  	margin-left: 0px;
    margin-bottom: 20px;
  }
  #header #beschreibung #schritt {
	 min-height: 210px;
  }
  #header .teaserbox {
    margin-top:30px;
  }
}
@media (max-width: 400px) {  
  #header #beschreibung #schritt {
	 min-height: 240px;
  }
  h1 #schalkonfigurator {
  	font-size: 23px;
  } 
}


h3 {
	font-size:16px;
	font-weight: bold;
	color:#555555;
	margin:0px;
	padding-bottom: 10px;
}
#losgehts {
	text-align:center;
	font-size: 18px;
	color: #FF5F00;
	margin-top: 10px;
}
#text_orange {
	color: #FF5F00;
	font-weight:bold;
}
#schal {
	width: 900px;
	height: 140px;
	/*box-shadow: 0px 0px 10px #666666;*/
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

#buttons {
	text-align:center; 
	position: fixed;
	z-index:100;
	background-color:#FFFFFF;
	margin-top: -12px;
	margin-left: 200px;
	padding-bottom: 10px;
	padding-right: 100px;
	box-shadow: 0px 5px 5px #666666;
}
#header {
	/*height: 140px;*/
	text-align: left;
}
#header #beschreibung {
	text-align:left;
	padding: 10px;
	margin-top: 10px;
	/*border: 1px solid #666666;*/
	color:#555555;
	/*box-shadow: 0px 0px 10px #666666;*/
}
#header #beschreibung #schritt {
  background-repeat:no-repeat;
  background-position:50% bottom;
}
#header #beschreibung #schritt #grafik {
	text-align: center;
  margin-bottom: 10px;
}
#header #beschreibung #schritt #nummer {
	font-size: 30px;
	color: #FF5F00;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 50px;
	margin-top: -5px;
}
#header #beschreibung #schritt #hinweis {
	font-weight: bold;
}
#header #beschreibung #schritt #hinweis_info {
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 10px;
}

#neu_schild_de, #neu_schild_en {
  position:absolute; 
  left: 539px; 
  top: 22px;
}
#neu_schild_en {
	left: 572px; 
}
.konfigurator {
	background-color: #FFFFFF;
	text-align:left;
	padding: 20px;
	margin-top: 20px;
	border: 1px solid #666666;
	color:#555555;
	box-shadow: 0px 0px 10px #666666;
}

@media only screen and (min-width: 1200px) {
  .konfigurator, #beschreibung {
  	margin-left: 60px;
    margin-right: 60px;
  }
}
#Icon_Fett_Oben, #Icon_Fett_Mitte, #Icon_Fett_Unten, 
#Icon_Kursiv_Oben, #Icon_Kursiv_Mitte, #Icon_Kursiv_Unten {
	font-size: 18px;
	font-weight: 900;
	border: 1px solid #666666;
	width: 20px;
	height: 20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
	background: #EDEDED;
	float:left;
	margin-right: 5px;
}
#Icon_Kursiv_Oben, #Icon_Kursiv_Mitte, #Icon_Kursiv_Unten {
	font-weight: normal;
	font-style: italic;
}
.Icon_Background {
	background-color: #FF0000;
}
#copyright, #copyright a {
	color: #333333;
	text-decoration:none;
  text-align:center;
}

#kontakt {
	/*
	position: fixed;
	top: 0;
	right: 15px;
	margin: 0;
	*/
	float:right;
	width: 200px;
    height:68px;
	margin-top: -5px;
	margin-right: -18px; /*-20px*/
	font-size: 12px;
	background-color:#FDD610;
	text-align: left;
	padding: 3px 10px 12px;
	border: 1px solid #666666;
	border-radius: 0 0 10px 10px;
	z-index: 101;
	opacity: .8;
}

#language {
	position: absolute;
	right: 203px; /*208px*/
	top: 5px;
	border: 0;
	outline: none;
	display: block;
  z-index: 1000;
}
#language a {
	padding-right: 5px;
}
#language_on {
	border: 2px solid #FFFFFF;
}
#language_off {
	border: 2px solid #EFEFEF;
}
#language_off:hover img{
	border: 2px solid #FFFFF;
}
.box 
{
    background-color:#ffffff;
    border-left:1px solid #c9c7bd;
    border-bottom: 1px solid #9e9d94;
    border-right: 1px solid #c9c7bd;
    text-align:left;
    padding:15px 15px 15px 15px;
    line-height:16px;    
    position:relative;
}

.konfigurator ul {
	padding-left:10px;
}
.konfigurator li {
	/*list-style-image:url(../img/list_item_img.jpg);
	margin-bottom: 10px;*/
	list-style-type: none;
	background: url("../img/list_item_img.jpg") no-repeat 0px 0px transparent;
    margin: 0;
    padding: 0px 0px 6px 24px;
    vertical-align: middle;
}
.konfigurator #personengruppe {
	position: absolute;
	right: 0px;
	top: -65px;
	z-index: 103;
}
.konfigurator #fanschal_beispiele {
	position: absolute;
	left: 250px;
	top: 175px;
	border: 0;
	outline: none;

	z-index: 102;
}
.konfigurator #fanschal_klick {
	border: 0;
	outline: none;

	z-index: 101;
}


/* Button von neumeyer-abzeichen.de */
.konfigurator a.button_orange, 
.konfigurator a.button_orange:link, 
.konfigurator a.button_orange:visited
{   
    display:block;
    height:35px;
    background-repeat:no-repeat;
    background-position:bottom left;
    cursor:pointer;
}
.konfigurator a.button_orange:hover {background-position:top left;}
.konfigurator a.button_order_de {background-image:url(../img/angebot_anfordern_button_de.jpg);width:153px;}
.konfigurator a.button_order_en {background-image:url(../img/angebot_anfordern_button_en.jpg);width:153px;}
.konfigurator a.button_konfigurator_de {background-image:url(../img/configurator_button_de.jpg);width:153px;}
.konfigurator a.button_konfigurator_en {background-image:url(../img/configurator_button_en.jpg);width:153px;}

 

#jbsl_floatingbuttons {
	position:fixed;
	width:94px;
	height:229px;
	top:200px;
	left:0;
}

.jbsl_sidebar {
	position:relative;
	height:229px;
	width:51px;
	margin-left:-10px;
}

.jbsl_sidebar .facebook {
	height:161px;
	width:48px;
	position:absolute;
	top:20px;
	left:8px;
}

.jbsl_sidebar .youtube {
	height:161px;
	width:52px;
	position:absolute;
	top:200px;
	left:8px;
}

.jbsl_sidebar .chat {
	height:53px;
	width:161px;
	position:absolute;
	top:380px;
	left:8px;
}
.jbsl_sidebar .youtube:hover {left: 10px;}
.jbsl_sidebar .facebook:hover {left: 10px;}
.jbsl_sidebar .chat:hover {left: 10px;}

.SnapABug_Button{
	margin-top:110px!important;
}


 
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  z-index: 20;
  padding-top: 10px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 5px;
  border-radius: 0px; 
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* Navbar Höhe */
.navbar {
  min-height: 20px;
  border:0px;
  margin-top:2px;
}
.navbar-brand,
.navbar-nav li a {
    line-height: 25px;
    height: 25px;
    padding-top: 0;
    font-weight: normal;
}

/* Navbar Farbverlauf */
.navbar-inner  {
  font-weight: bold;

}

/* Navbar Hover und Aktiv */
.navbar .navbar-nav > li:hover > a,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li.active > a,
.navbar .navbar-nav > li.active > a:hover,
.multi-column-dropdown li a:hover  {
	/*background: rgba(255,255,255,.6);
	color: #000; */
  color: #FFFFFF;
  background-color: #000000;
  
  -moz-transition: background-color 0.4s, border-color 0.4s;
	-o-transition: background-color 0.4s, border-color 0.4s;
	-webkit-transition: background-color 0.4s, border-color 0.4s;
	transition: background-color 0.4s, border-color 0.4s;
}

@media (max-width: 767px) {
  .navbar-inner {
  	background-color:#FFFFFF;
  }
  .navbar {
    background:transparent;
  }
  .navbar-wrapper {
    margin-top:-180px; /*-160px*/
    padding-bottom: 80px;
  }
}
@media (max-width: 400px) {
  .navbar-toggle {
    margin-right: 5px;
  }  
}


.referenz {
  border: 1px solid #999999; 
  text-decoration:underline;
  margin-bottom: 10px;
  margin-right: 10px;
}
.referenz .text {
  line-height: 30px;
}
.referenz:hover {
  box-shadow: 5px 5px 5px #999999;
}
.referenz .text:hover {
  background-color: #EDEDED;
}


/* FOOTER */
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Höhe sticky-footer */
  min-height: 200px;
}
.footer_container {
  background: none;
  box-shadow:none;
} 
.text_footer, .text_footer a {
	color:#FFFFFF;
}
.texture-bg {
  background: url("https://www.fanschal-shop.de/img/header_footer_bg.jpg") top right repeat fixed;
}

.footer-headline {
  font-weight: bold;
  color: #F6CB00;
}

.footer_links, .footer_links a{
  font-size:12px;
  font-weight:bold;
}

@media (max-width: 1000px) {
  BODY {
	  margin-bottom: 300px;
  }
}
@media (max-width: 768px) {
  BODY {
	  margin-bottom: 250px;
  }
}
@media (max-width: 380px) {
  .footer{
    min-width:375px;
  } 
  .footer_container {
    min-width:350px;
  } 
}

/* Ständige Fußzeile - Externer Code übernommen vom Fahnenmasten-Shop */
.bestell-button_small
{
  display:inline-block;
  background-position:bottom left;
  background-repeat:no-repeat;
  width:175px;
  height:47px;
  text-shadow: -1px -1px 1px #FFF;
  text-decoration: none !important;
  color: #4d4d4d !important;
  margin: 16px 0px 16px 0px;
  padding: 14px 0px 0px 25px;
  font-size: 15px !important;
  font-weight: normal;
  text-align:center;
}
.bestell-button_small {
  background-image: url("https://www.neumeyer-abzeichen.de/images/bestell-button_small.png");
}
.bestell-button_small:hover {
  background-position:top left;
  background-image: url("https://www.neumeyer-abzeichen.de/images/bestell-button_small.png");
}
#staendige-fusszeile {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0;
  background: #999999;
  z-index: 999;
}
#fusszeile-innen {  
  font-size: 290%;
  font-weight: bold;
  text-align: left;
  margin: 0 auto;
  width: 620px;
}
#fusszeile-innen p {
  float: left;
  margin: 6px;
  margin-top: -2px;
  position: relative;
  bottom: -5px;
  color: #DFDDD1;
}
#fusszeile-innen .bestell-button_small {
  padding: 14px 0px 0px 25px;
  margin:2px -32px 0px 32px;
  float: right;
}
#telefonnummer-fusszeile {
  color: #DFDDD1 !important;
  cursor: text;
  text-decoration: none;
  font-size: 1em;
}
@media (max-width: 380px) {
  #telefonnummer-fusszeile {
    color: #DFDDD1 !important;
    cursor: text;
    text-decoration: none;
    font-size:0.95em;
  }
}


#konfigurator-link {
   height: calc(75vw * 0.1437);
   width: 75vw;
   background-image:url(../img/fanschal_klick.gif);
   background-repeat:round;
   max-width:661px;
   max-height:95px;
  }
#konfigurator-link-text {
  font-family: Arial;
  font-weight: bold;
  font-size: 30px;
  color: #FFFFFF;
  text-shadow: 2px 2px #3e3e3e;   
  padding-top: 3%; 
  padding-left: 7%; 
}
#konfigurator-link div:hover {
    text-shadow: 2px 2px #D91615; 
}
@media (min-width: 768px) AND (max-width: 991px) {
  #konfigurator-link-text {
    font-size: 22px;
  }  
}
@media (max-width: 700px) {
  #konfigurator-link-text {
    font-size: 22px;
  } 
  
  #konfigurator-link {
   height: calc(79vw * 0.1437);
   width: 79vw;
   background-image:url(../img/fanschal_klick.gif);
   background-repeat:round;
   max-width:661px;
   max-height:95px;
  } 
}
@media (max-width: 600px) {
  #konfigurator-link-text {
    font-size: 22px;
  }  
}
@media (max-width: 450px) {
  #konfigurator-link-text {
    font-size: 18px;
  }  
}
@media (max-width: 370px) {
  #konfigurator-link-text {
    font-size: 15px;
  }  
}

.corona {
	position: absolute;
	right: 280px;
	text-align: left;
	margin-top: 50px;
	font-size: 120%;
	color: red;
	font-weight: bold;
}

.corona_small {
	text-align: left;
	margin-top: 20px;
	color: red;
	font-weight: bold;
	float:right;
	width: 200px;
    height:68px;
	margin-right: -18px;
	font-size: 13px;
}
.corona_xsmall {
	clear:both;
    text-align: left;
    margin-bottom: 12px;
	color: red;
	font-weight: bold;
	font-size: 13px;
}

@media (max-width: 768px) {
.pe-pro-seal  {
display:none;
}
}