/* STYLES KONFIGURATOR */
HTML {
  position: relative;
  min-height: 100%;
}

@font-face {
  font-family: 'Open Sans Condensed';
  src: url('/fonts/OpenSans-Regular.ttf') format('ttf'),
  url('/fonts/OpenSans-Regular.woff2') format('woff2'),
  url('/fonts/OpenSans-Regular.woff') format('woff');
}



body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	background-color:#EFEFEF;
	background-image:url(../img/bg1.jpg);
	background-repeat:repeat;
  height: 100%;
}
.container {
  min-width: 310px; //375px; /*400px*/
	background-color:#EBEBEB;
	padding:5px 20px 5px 20px;
	box-shadow: 0px 0px 50px #000000;
	text-align:center;
	position:relative;
} 

h1 {
	font-size:18px;
	color: #000000;
	font-weight: normal;
}

@media (min-width: 992px) {
  #neumeyer-logo {
  	position: relative;
  	margin-top: -120px; /*-73px;*/
  	margin-left: 379px;
  	width: 100%;
  }
  h1 #neumeyer {
    position: absolute;
    left: 0px;
    top: 10px;
  	margin-left: 40px;
    font-size: 18px;
  	font-weight: bold;
  	/*margin-bottom: -5px; */
  	/*margin-top: -10px; */
  }
h1 #schalkonfigurator {
	position: absolute;
	left: -190px;
	top: 10px;
	margin-left: 10px;
	color: #FF5F00;
	font-size: 1.3em;
	/* margin-top: -10px; */
	font-weight: bold;
}}
@media (min-width: 1200px) {
  #neumeyer-logo {
  	position: relative;
  	margin-top: -120px; /*-73px;*/
  	margin-left: 511px;
  	width:100%;
  }
}
@media (max-width: 991px) {
  #neumeyer-logo {
  	position: absolute;
  	margin-top: -10px; /*-73px;*/
  	margin-left: 0px;
  
  }
  h1 #neumeyer {
    position: relative;
  	margin-left: 40px;
    font-size: 18px;
  	font-weight: bold;
  	margin-bottom: -5px;
  	margin-top: -16px;
  }
h1 #schalkonfigurator {
	margin-left: 140px;
	color: #FF5F00;
	font-size: 26px;
	margin-top: -80px;
	padding-bottom: 5px;
	font-weight: bold;
}
}
@media (max-width: 767px) {
  h1 #neumeyer {
   margin-top: -66px;
  }

h1 #schalkonfigurator {
	margin-left: 10px;
	color: #FF5F00;
	font-size: 26px;
	margin-top: -55px;
	padding-bottom: 5px;
	font-weight:bold ;
}
}




/* iPhone */ 
@media only screen and (max-height: 569px) and (orientation: landscape) { 
  h1 #neumeyer {
    position: relative;
  	margin-left: 115px;
    font-size: 14px;
  	font-weight: bold;
  	margin-bottom: -5px;
  	margin-top: -58px;
  }
h1 #schalkonfigurator {
	margin-left: 180px;
	color: #FF5F00;
	font-size: 20px;
	margin-top: -80px;
	padding-bottom: 5px;
}}

h2 {
	margin-top: -8px;
	margin-left: 240px;
	font-size:16px;
	color: #555555;
	font-weight: normal;
}
.konfigurator h3 {
	font-size: 14px; /*12px;*/
	font-weight: bold;
	color:#555555;
	margin:0px;
	padding-bottom: 20px;
}
#losgehts {
	text-align:center;
	font-size: 18px;
	color: #FF5F00;
	margin-top: 10px;
}
#text_orange {
	color: #FF5F00;
	font-weight:bold;
}
.Schalmuster_Wrapper {
  display: inline-block; 
  white-space: nowrap; 
  padding-right: 10px; 
  padding-bottom: 8px; /*5px*/
}
.Schalmuster {
  height: 26px; /*27px;*/
  box-shadow: 4px 4px 3px #727272;
}
.abstand_laufbox {
  margin-top: 70px; /*270px;*/
}

@media (max-width: 768px) {
  
.abstand_laufbox {
  margin-top: 0px; /*270px;*/
}

.container.contmob {
padding: 0!important;
}

.konfigurator {
border:none!important;
margin:0!important;
}
  
}

.Laufbox {
      position:fixed;
    	background-color:#EBEBEB;
    	z-index:100;
    	padding-top:10px;
    	/*padding-left:15px;*/
    	/*padding-right:10px;*/
    	margin-left:-15px;
      margin-right:-15px;
    	margin-top:-5px;
}
@media (max-width: 767px) {
  .Laufbox  {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .Laufbox  {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .Laufbox  {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .Laufbox  {
    width: 1170px;
  }
}
/* iPhone bisher 569px*/ 
@media only screen and (max-width: 670px) and (orientation: landscape) { 
	.Laufbox {
		position:absolute;
		background-color:#EBEBEB;
		z-index:100;
		padding-top:10px;
		/*padding-left:15px;*/
		/*padding-right:0px;*/
		margin-left:-15px;
		margin-top:-5px;
	}
  .abstand_laufbox {
    margin-top:220px;
  }
  .Schalmuster {
    height: 23px;
  }
}

@media (max-width: 569px) { 
  .Schalmuster {
    height: 42px;
  }
  .Schalmuster_Wrapper {
    padding-bottom: 12px;
  }
}
@media (max-width: 380px) { 
  .Schalmuster {
    height: 38px;
  }
  .Schalmuster_Wrapper {
    padding-bottom: 12px;
  }
}
@media (max-width: 370px) { 
  .Schalmuster {
    height: 32px;
  }
  .Schalmuster_Wrapper {
    padding-bottom: 12px;
  }
}



#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 {
	position:relative;
	text-align: left;

	box-shadow: 0px 4px 10px #666666;
		
	padding-top:8px;
	/*padding-left:15px;
	padding-right:10px;
	margin-left:-20px;
	margin-right:-11px;*/
  min-height:63px;
	margin-top:-9px;
	margin-bottom:10px;
}
#header #beschreibung {
	/*width:880px;*/
	background-color: #FFFFFF;
	text-align:left;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #666666;
	color:#555555;
	box-shadow: 0px 0px 10px #666666;
}
#header #beschreibung #close {
	float: right;
}
#header #beschreibung #close a {
	font-size: 10px;
	color: #555555;
	text-decoration:none;
}
  /* iPhone */ 
@media only screen and (max-height: 569px) and (orientation: landscape) { 
  #header {
    min-height:20px;
  }
}
.konfigurator {
	background-color: #FFFFFF;
	text-align:left;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #666666;
	color:#555555;
	box-shadow: 0px 0px 10px #666666;
}
@media only screen and (min-width: 1200px) {
  .konfigurator {
  	margin-left: 120px; //60px;
    margin-right: 60px;
  }
}
.konfigurator ul {
	padding-left:10px;
}
.konfigurator>ul>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;
}
#copyright_preview {
	color: rgba(185,185,185,0.4);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	-moz-transform:rotate(-30deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(-30deg); /* Safari */
	-o-transform:rotate(-30deg); /* Opera */
	-ms-transform:rotate(-30deg); /* IE9 */
	transform:rotate(-30deg); /* W3C */
}

.abstand_oben {
	margin-top: 269px;
}
.abstand_oben_mit_info {
	margin-top: 269px;
}


#copyright_preview {
	position:absolute;
	margin-left:650px;
	margin-top:40px;
}

#btn_aktualisieren {
	margin-left:80px;
	width: 150px;
	height: 35px;
	border: 2px solid #999999;
    border-radius: 50%;
    color: #000000;
    text-align:center;
    text-decoration:none;
    background-color: #FEED95;
    box-shadow: 0 0 3px #999999;
    font-size:18px;
    font-weight:bold;
	cursor:pointer;
}
#btn_aktualisieren:hover {
    box-shadow: 0px 0px 8px #999999;
	background-color: #FFD200;
}
#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: 25px;
	height: 25px;
	//line-height:25px;
	text-align:center;
	cursor:pointer;
	background: #EDEDED;
	//float:left;
	margin-right: 0px;
  padding-left:7px;
  padding-right:7px;
  padding-top:0px;
  border-radius: 5px;
  border-color: #999999;
}
#Icon_Kursiv_Oben, #Icon_Kursiv_Mitte, #Icon_Kursiv_Unten {
	font-weight: normal;
	font-style: italic;
}
.Icon_Background {
	background-color: #FF0000;
}
.vorlage {
	text-decoration:none;
}
.vorlage img {
	border: 1px solid #999999;
}
.vorlage img:hover {
	border: 1px solid #FFD200;
}
.vorlage img.aktiv {
	border: 1px solid #FFD200;
}

.colorpicker_outside {
	background: #FFFFFF;
	border-radius: 5px;
  border-color: #999999;
}
/*.colorpicker_outside:hover{
	border: 1px solid #000000;
} */
.colorpicker_inside {
	background: #FFFFFF;
	border: 1px solid #000000;
}
.logo_vorschau {
	width:100px;
	border: 1px solid #999999;
  margin-right: 10px;
}

#Seite {
	font-size:14px;
	background-color:#EBEBEB;
	padding-bottom: 10px;
	margin-top: -8px;
}
#Seite a{
	text-decoration: none;
	font-size:14px;
	color:#000000;
}
#Seite a.aktiv{
	font-weight: bold;
}
#Schal_loeschen {
	float:left;
	position:relative;
	z-index: 2;
	border: 1px solid #666666;
	width: 180px;
	line-height: 30px;
	background-color:#FFFFFF;
	padding-left:5px;
	margin-left: -11px;
	margin-bottom:-11px;
	cursor: pointer;
}
#Schal_loeschen a {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
	font-size:14px;
}
#Link_anzeigen {
	float:right;
	position:relative;
	z-index: 11;
	border: 1px solid #666666;
	width: 180px;
	line-height: 30px;
	background-color:#FFFFFF;
	padding-left:5px;
	margin-right: -11px;
	margin-bottom:-11px;
	cursor: pointer;
}
#Link_anzeigen a {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
}
.box_schal_link {
	position:relative;
	z-index: 10;

	height: 0px;
	border: 1px solid #666666;
	background-color: #FFFFCC;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 5px;
	margin-left: -11px;
  margin-right: 0px;
	margin-bottom: -11px;
  margin-right: -11px;
	text-align:left;
}
.box_schal_link input[type=text] {
	font-size: 10px;
	margin-bottom: 5px;
}
#Anfrageformular {
	max-width: 500px;
	border: 1px solid #666666;
	background-color:#FFFFFF;
	padding: 10px;
	margin-bottom: 20px;
	text-align:left;
}
#Anfrageformular label, #Anfrageformular input[type=text], #Anfrageformular textarea {
	display:block;
	width: 200px;
	float: left;
	margin-bottom: 5px;
	padding-right: 20px;
  font-weight: normal;
}
#Anfrageformular input[type=text]{
	font-family:"Courier New", Courier, mono;
	color:#333333;
}
#Anfrageformular br {
	clear:left;
}
#Fehlermeldung {
	color: #FF0000;
	font-weight:bold;
}
#copyright, #copyright a {
	color: #333333;
	text-decoration:none;
}
#kontakt {
	/*
	position: fixed;
	top: 0;
	right: 15px;
	margin: 0;
	*/
	/*float:right;*/
  position: absolute;
  right: 0px;
  top: -2px;
	width: 220px;
	/*margin-top: -11px;*/
  /*margin-right: -11px;*/
	font-size: 12px;
	background-color:#FDD610;
	text-align: left;
	padding: 3px 10px;
	border: 1px solid #666666;
	border-radius: 0 0 10px 10px;
	z-index: 101;
	opacity: .8;
}
#language {
	position: absolute;
	border: 0;
	outline: none;
	/*display: block;*/	
	right: 218px; /*237px*/
	top: 5px;
	z-index: 150;
}
#language a {
	padding-right: 5px;
}
#language_on {
	border: 2px solid #FFFFFF;
}
#language_off {
	border: 2px solid #EFEFEF;
}
#language_off:hover{
	border: 2px solid #FFFFF;
}
#Box_Rueckseite {
	max-width: 700px;
	border: 1px solid #666666;
	background-color:#FFFFFF;
	padding: 10px;
	margin-bottom: 50px;
	text-align:left;
}

.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;
}
#anfrage_danke {
	border: 1px solid #666666;
	background-color:#FFFFFF;
	padding: 20px;
	margin-bottom: 600px;
	text-align:left;
	font-size: 16px;
}
#legal_info {
	padding-top: 5px;
	font-size:9px;
	color:#B1B1B1;
}
#error {
	font-weight: bold;
	color: #FF0000;
}

/* 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;}


/* Schal-Preview */

#schal {
	/*width: 900px;*/
	height: 140px;
	/*box-shadow: 0px 0px 10px #666666;*/
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
  /*border:1px solid #000000;*/
}
.preview_inhalt {
  float:left; 
  width:840px; 
  height: 112px; 
}
.fransen {
  width:30px; 
  height:131px;
}
.wrapper_logos {
 vertical-align:middle; 
 height: 112px;
}
.logo_schal {
	height: 102px;
	vertical-align:middle;
}
.logo_schal_resize_90 {
    height: 92px;
    margin-top: 5px;
    vertical-align:middle;
}
.logo_schal_resize_70 {
    height: 72px;
    margin-top: 15px;
    vertical-align:middle;
}
.logo_schal_resize_50 {
    height: 51px;
    margin-top: 25px;
    vertical-align:middle;
}
.Logo_Box_Links, .Logo_Box_Rechts, .Logo_Box_Mitte {
	position:absolute; 
	padding: 5px 5px 5px 5px; 
	width: 840px;
	height: 110px;
}
.Logo_Box_Links {
	text-align: left; 
}
.Logo_Box_Rechts {
	text-align: right;
}
.Logo_Box_Mitte {
    text-align: center; 
}

.logo_versetzt_links {
  padding-left: 45px;
}
.logo_versetzt_rechts {
   margin-left:-43px;
}


@media (min-width: 1200px) {
  #schal {
  	padding-left: 110px;
  }

}
@media (min-width: 994px) {
  #wrapper_Text_Oben {
    position:absolute; 
    width:840px; 
    padding-left: 12px; 
    padding-right: 12px; 
    line-height: 38px; 
    vertical-align:top; 
    //border:1px solid #FFFFFF;
  }
  #wrapper_Text_Mitte {
    position:absolute; 
    width:840px;
    height: 112px;
    padding-left: 12px; 
    padding-right: 12px;  
    line-height: 110px; 
    vertical-align:middle; 
    //border:1px solid red;
  }
  #wrapper_Text_Unten {
    position:relative; 
    width:840px; top:74px; 
    padding-left: 12px; 
    padding-right: 12px; 
    height: 37px; 
    line-height: 35px;  
    /*border:1px solid #FFFFFF;*/
  }
}
@media (max-width: 993px) {
  #schal {
  	width:760px;
    height: 120px;
  }
  .preview_inhalt {
    width:660px;
    height: 88px;
  }
  .Logo_Box_Links, .Logo_Box_Rechts, .Logo_Box_Mitte {
  	width: 660px;
  	height: 88px;
  }
  .logo_versetzt_links {
    padding-left: 35px;
  }
  .logo_versetzt_rechts {
     margin-left:-33px;
  }
  .wrapper_logos {
   height: 88px;
  }
  .logo_schal {
	 height: 79px;
  }
  .logo_schal_resize_90 {
    height: 71px;
    margin-top: 4px;
  }
  .logo_schal_resize_70 {
      height: 55px;
      margin-top: 12px;
  }
  .logo_schal_resize_50 {
      height: 40px;
      margin-top: 19px;
  }
  .fransen {
    width:22px; 
    height:102px;
  }
  #wrapper_Text_Oben {
    position:absolute;
    vertical-align:top;
    //border:1px solid #FFFFFF; 
    width:660px;
    line-height: 30px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  #wrapper_Text_Mitte {
    position:absolute;  
    vertical-align:middle; 
    //border:1px solid red;
    width:660px; 
    height: 88px;
    padding-left: 11px !important;
    padding-right: 11px !important;
    line-height: 88px !important;
  }
  #wrapper_Text_Unten 
  {
    position:relative; 
    /*border:1px solid #FFFFFF;*/
    width:660px; 
    height: 30px; 
    line-height: 30px !important;
    top: 59px !important;
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  #Text_Oben, #Text_Mitte, #Text_Unten {
    font-size: 0.76em;
  }
  #copyright_preview {
  	margin-left:500px;
    font-size: 16px;
  }
}
@media (max-width: 700px) {
  #schal {
  	width: 532px;
    height: 84px;
  }
  .preview_inhalt {
    width: 462px;
    height: 62px;
  }
  .Logo_Box_Links, .Logo_Box_Rechts, .Logo_Box_Mitte {
  	width: 462px;
  	height: 62px;
  }
  .logo_versetzt_links {
    padding-left: 22px;
  }
  .logo_versetzt_rechts {
     margin-left:-22px;
  }
  .wrapper_logos {
   height: 62px;
  }
  .logo_schal {
	 height: 53px;
  }
    .logo_schal_resize_90 {
    height: 48px;
    margin-top: 2px;
  }
  .logo_schal_resize_70 {
      height: 37px;
      margin-top: 8px;
  }
  .logo_schal_resize_50 {
      height: 27px;
      margin-top: 13px;
  }
  .fransen {
    width:15px; 
    height:71px;
  }
  #wrapper_Text_Oben {
    position:absolute;
    vertical-align:top;
    width:462px;
    line-height: 21px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  #wrapper_Text_Mitte {
    position:absolute;  
    vertical-align:middle; 
    width:462px; 
    height: 62px;
    padding-left: 7px !important;
    padding-right: 7px !important;
    line-height: 60px !important;
  }
  #wrapper_Text_Unten 
  {
    position:relative; 
    width:462px; 
    height: 21px; 
    line-height: 20px !important;
    top: 41px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  #Text_Oben, #Text_Mitte, #Text_Unten {
    font-size: 0.54em;
  }
  
  #Seite {
  	font-size:14px;
  	background-color:#EBEBEB;
  	padding-bottom: 10px;
  	margin-top: 40px;
  }
  #copyright_preview {
  	margin-left:350px;
    margin-top:17px;
    font-size: 11px;
  }
  #Icon_Kursiv_Oben::after, #Icon_Kursiv_Mitte::after, #Icon_Kursiv_Unten::after {
    content: "\A";
    white-space: pre;
  }
  .box_schal_link::before {
    content: "\A\A";
    white-space: pre;
  }
}
@media (max-width: 500px) {
  #schal {
  	width:380px;
    height: 60px;
  }
  .preview_inhalt {
    width:330px;
    height: 44px;
  }
  .Logo_Box_Links, .Logo_Box_Rechts, .Logo_Box_Mitte {
  	width: 330px;
  	height: 44px;
  }
  .logo_versetzt_links {
    padding-left: 16px;
  }
  .logo_versetzt_rechts {
     margin-left:-15px;
  }
  .wrapper_logos {
   height: 44px;
  }
  .logo_schal {
	 height: 35px;
  }
    .logo_schal_resize_90 {
    height: 32px;
    margin-top: 1px;
  }
  .logo_schal_resize_70 {
      height: 25px;
      margin-top: 5px;
  }
  .logo_schal_resize_50 {
      height: 18px;
      margin-top: 8px;
  }
  .fransen {
    width:11px; 
    height:51px;
  }
  #wrapper_Text_Oben {
    position:absolute;
    vertical-align:top;
    width:330px;
    line-height: 15px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #wrapper_Text_Mitte {
    position:absolute;  
    vertical-align:middle; 
    width:330px; 
    height: 44px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 43px !important;
  }
  #wrapper_Text_Unten 
  {
    position:relative; 
    width:330px; 
    height: 15px; 
    line-height: 14px !important;
    top: 29px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #Text_Oben, #Text_Mitte, #Text_Unten {
    font-size: 0.38em;
  }
  
  #Seite {
  	font-size:14px;
  	background-color:#EBEBEB;
  	padding-bottom: 10px;
  	margin-top: 40px;
  }
  #copyright_preview {
  	margin-left:250px;
    margin-top:12px;
    font-size: 8px;
  }
  

}

 /* iPhone 5 abwärts */
@media (max-width: 350px) {
  #schal {
  	width:320px;
    height: 49px;
  }
  .preview_inhalt {
    width:269px;
    height: 36px;
  }
  .Logo_Box_Links, .Logo_Box_Rechts, .Logo_Box_Mitte {
  	width: 269px;
  	height: 36px;
  }
  .logo_versetzt_links {
    padding-left: 13px;
  }
  .logo_versetzt_rechts {
     margin-left:-13px;
  }
  .wrapper_logos {
   height: 36px;
  }
  .logo_schal {
	 height: 28px;
  }
    .logo_schal_resize_90 {
    height: 25px;
    margin-top: 1px;
  }
  .logo_schal_resize_70 {
      height: 20px;
      margin-top: 4px;
  }
  .logo_schal_resize_50 {
      height: 14px;
      margin-top: 7px;
  }
  .fransen {
    width:9px; 
    height:43px;
  }
  #wrapper_Text_Oben {
    position:absolute;
    vertical-align:top;
    width:269px;
    line-height: 15px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #wrapper_Text_Mitte {
    position:absolute;  
    vertical-align:middle; 
    width:269px; 
    height: 36px;
    padding-left: 5px !important;
    padding-right: 5px !important;
    line-height: 35px !important;
  }
  #wrapper_Text_Unten 
  {
    position:relative; 
    width:269px; 
    height: 12px; 
    line-height: 11px !important;
    top: 23px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #Text_Oben, #Text_Mitte, #Text_Unten {
    font-size: 0.31em;
  }
  
  #Seite {
  	font-size:12px;
  	background-color:#EBEBEB;
  	padding-bottom: 10px;
  	margin-top: 40px;
  }
  #copyright_preview {
  	margin-left:250px;
    margin-top:12px;
    font-size: 8px;
  }
  
  .konfigurator {
  	margin-left: 0px; //60px;
    margin-right: 0px;
    width:100%;
  }
  .konfigurator_form {
    margin-left: -10px;
    //background-color:#000000;
    width: 305px;
    margin-right:0px;
    padding-right:0px;

  }
  .container {
    //background-color:red;
    padding-right:0px;
    margin-left:0px;
    padding-left:0px;
    
  }
}


/* Bootstrap-Erweiterungen */
.form-control {
  margin-bottom: 5px;
}

/* FOOTER */
.container {
  margin-bottom:210px;
}
@media (max-width: 1200px) {
  .container {
    margin-bottom:330px;
  }
}
@media (max-width: 768px) {
  .container {
    margin-bottom:250px;
  }
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Höhe sticky-footer */
  min-height: 200px;
}
.footer_container {
  background: none;
  box-shadow:none;
  margin-bottom:0;
} 
.text_footer, .text_footer a, .text_footer a:hover {
	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: 380px) {
  .footer{
    min-width:310px; //375px; //400px
  } 
  .footer_container {
    min-width:310px; //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;
}

@media (max-width: 330px) {
   #fusszeile-innen { 
    font-size: 240%;
     width: 100%;
   }
}

#telefonnummer-fusszeile {
  color: #DFDDD1 !important;
  cursor: text;
  text-decoration: none;
  font-size: 0.9em;
}

.step-left {
  margin-left:60px;
  width:50px;
  height:100px;
  float:left;
  color:#555555;
}
.step-left > h3 {
  font-weight: bold;
  width: 45px;
  height: 45px;
  padding-top: 7px;
  border: 1px solid #555555;
  border-radius: 30px;
  box-shadow: 0px 0px 5px #666666;
  background-color: #FFFFFF;
}


.panel-body {
  text-align: center;
}

@media (max-width: 768px) {
  .custom-input {
    width: 100% !important;
  }
}

.headschritte {
	font-weight: bold;
	padding: 15px;
	font-size: 1.5em;
	background: #fede45;
}

.headschritte span {
	color: red;
}

.konfigurator h3 {
	background: #FF5F00;
	color: white !important;
	padding: 15px;
	line-height: 23px;
margin-bottom: 20px!important;
}