#content #component, #content
 {
  color:black;
 }

li
{
	list-style-type:square;
}

/* Allgemein - alle Seiten */
body {  background:white;  font-size:16px;  font-family: 'open_sanscondensed_light',  'Ubuntu', Verdana, sans-serif; }
#top  {  background:white; }
@media (min-width: 1068px) {#logo {  height:40px;  overflow:visible; }#logo img {  height:110px; }}
@media (max-width: 1067px) {#logo img {  height:80px; }}
.clearbefore {  clear:both; }
.floatright {  float:right; }
#bottom {  background-color:#e2001a; }

h2 {  font-size:22px; margin-bottom: 0px; font-weight: normal; }
h2 {
	color: #e2001a!important;
	font-size: 18px!important;
	text-transform: uppercase;
	font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
}

h3 {  font-weight:normal; }
h4.item_title, header>h2, h1.visible-first, h1 { font-size:30px; margin-bottom: 18px; margin-top:12px; font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif; }

/* Menü */
.icemegamenu > ul > li > a.iceMenuTitle, div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title, .icemegamenu > ul > li > a.iceMenuTitle:hover  {  color: #7d838b; font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif; }
div.mod-languages ul {  line-height:80px;  position: relative;  top: -2px; }
ul.lang-inline {  height:20px; }
ul.lang-inline > li {  float:right;  margin-left:10px; }
.iceMenuLiLevel_1.lastItem {  margin-right:0!important; }
ul.df_footermenu > li {  float:right;  margin-left: 30px; list-style-type:none;}
ul.df_footermenu:after {  clear:both; }

/* Startseite */
.page-item__privacy_policy .item_title, h1 {  font-size:24px; }
.camera_wrap {  width: 870px!important;  max-width: 100%;  margin-left: auto;  margin-right: auto; }
.camera_caption > div .item_content {  background: rgba(255, 255, 255, 0.8)!important;  color: black!important;  padding:10px 30px 30px!important; }
.camera_caption > div .item_content h1, .camera_caption > div .item_content h2, .camera_caption > div .item_content h3, .camera_caption > div .item_content h4, .camera_caption > div .item_content h5, .camera_caption > div .item_content h6 {  color:black!important; }
.df_hometabs_spalte1 header, .df_hometabs_spalte2 header {  visibility:hidden; }
#content {  background:none!important; }
#aside-right h1, #aside-left h1, #aside-right h2, #aside-left h2, #aside-right h3, #aside-left h3, #aside-right h4, #aside-left h4, #aside-right h5, #aside-left h5, #aside-right h6, #aside-left h6 {  color:black; }
#content a:not(.btn) {  color:#ed1437; }
#content a:not(.btn):hover {  color:#22272e; }
#content h4 > a:not(.btn) > span {  color:black; }
#content h4 > a:not(.btn):hover > span {  color:#22272e; }
.page-category__ueberrex > div > div > article > header > h4 > a > span {  color:#e2001a!important;  font-size:18px!important; }
@media (max-width: 920px) {  .icemegamenu > ul > li {  margin-right:20px; } .icemegamenu > ul > li > a.iceMenuTitle   {   font-size:13px; padding-top: 17px;  }}
@media (max-width: 1058px) and (min-width: 919px) {.icemegamenu > ul {margin-top:15px!important;} }

/* Sonstiges */
#agbbank 
 {
  border: 1px solid #7d838b;
 }
#agbbank td
 {
  border: 1px solid #7d838b;
  padding:3px;
  width:230px;
  max-width:100%;
 }
.page-category__ueberrex h4, .page-item__qualitaet h2, .page-item__qualitaet h3, .page-item__produktuebersicht h2, h2.visible-first
 {
  color: #e2001a!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
 }
.page-item__produktuebersicht h2
 {
  color:#7d838b!important;
 }
.copyright {
    font-size: 14px;
}
.page-gallery__produktuebersicht .item_introtext, .page-gallery__produktuebersicht .item_header
 {
  text-align:center;
 }
#dfsuchfeld
 {
  width:450px;
  position:relative;
  top:-3px;
  border: 1px solid red;
  font-size:12px;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
  color:black;
 }
#dfsuchfeldlupe
 {
  position:relative;
  left:-30px;
  top:-7px;
 }
.copyright .year:after
 {
  content:'';
 }
#abouttuev
 {
  margin-top:-10px;
 }
.produktboxenuebersicht
 {
  float:left;
  text-align:center;
  margin-bottom: 70px;
  margin-left: 25px;
 }
#produktedrumrum
 {
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
  width: 105%;
 }
.produkteunterueberschrift
 {
  position: relative;
  top: -20px;
 }
.grossertext
 {
  text-transform:uppercase;
 }


#dfprod_wrap
 {
  
 }

#dfprod_wrap h2
 {
  text-transform:uppercase;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
  font-size:24px;
 }
.fettgross
 {
  text-transform:uppercase;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
  font-size:18px;
 }
.fettklein
 {
  text-transform:uppercase;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
  font-size:14px;
 }

h2.dfprod_head_rex, .prodlist_head
 {
  color:#e2001a;
 }

h2.dfprod_head_rex  > span.item_title_part_0, .prodlist_rex
 {
  color:#7d838b;
 }

#dfprod_detailinline
 {
  /*border-top:3px solid #e2001a;*/
  display: inline-block;
  float: right;
  padding-left:150px;
 }
 
.dfprod_detailbox
 {
  float:right;
  width:170px;
  padding:0;
  margin-left:20px;
  margin-top:30px;
  min-height: 250px;
 }
.dfprod_detailbox.xtralong
 {
  width:370px;
 }

.dfprod_detailbox.firstchild
 {
  margin-left:0;
 }

.dfprod_detailbox_bild
 {
  padding:0px;
  margin:0px;
  position:relative;
 }

.bildbild
 {
  position:absolute;
  /*width:200px;
  height:200px;*/
 }
.neubanner 
 {
   position:absolute;
   /*width:200px;
   height:200px;*/
   top: -5px;
   right: -4px;
 }
.item_introtext
 {
  line-height:20px; 
 }
.item_content > figure.item_img.img-intro.img-intro__left
 {
  height:210px;
 }
.dfsprachauswahl
 {
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
  font-size:25px;
 }
.dfprod_detailbox_subtitle
 {
  margin: 10px 0;
  font-size:11px;
  line-height: 13px;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
 }
.versetzt
 {
  position: relative;
  top: 170px;
 }

#dfprod_maincontentwrap
 {
  margin-top:30px;
 }

#dfprod_bildgross
 {
  float:left;
  width: 30%;
  min-width:245px;
  height:350px;
  overflow:visible;
 }

#dfprod_produktdesc
 {
  float:right;
  width: 65%;
  padding-right:30px;
  border-bottom:3px solid #e2001a; padding-bottom:30px;
 }
#dfprod_produktdesc li
 {
  list-style-type: disc;
 }
.fett
 {
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
 }

button.button {
    background: transparent;
    border: 0;
    overflow: visible;
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: 400px;
	max-width:90%
}

button.button>span{ 
    position:relative;
	top:30px;
    background: #e2001a;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
	padding:20px;
    box-shadow: 0 0px 18px rgba(207,18,32,.42);
    -webkit-box-shadow: 0 0px 18px rgba(207,18,32,.42);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
label
 {
  font-size: 22px;
 }
#inner_df_m_felge_zoll > select, #inner_df_m_genaue_reifenbezeichnung > select
 {
  padding: 10px; 
  font-size: 22px;
  width: 400px;
  max-width: 90%;
  color:black;
 }
ul.form-list
 {
  margin:0;
 }

#dfprod_madeingermany
 {
  position:relative;
  top:-250px; 
  left:200px;
  display:none;
 }
#dfprod_piktogramme
 {
  float:right;
  margin: 0;
  margin-top: 0px;
  margin-bottom: -30px;
 }
#dfprod_piktogramme.versetzen
 {
  margin-top: 0px;
 }
#dfprod_piktogramme.bisschenversetzen 
 {
  margin-top: 0px; /*ehem. -30px*/
 }

li, div, span
 {
  line-height:26px;
 }



#dfsearchwrapper
 {
  position:relative;
 }

   #dfsearchinner
      {
     position:absolute;
   }

   #dfsearchajaxresultsbox
     {
    position:absolute;
	top:30px;
    z-index: 100;
	border: 1px solid red;
	background-color:white;
	width:448px;
	display:none;
	height:auto;
	min-height:300px;
	max-height:80%;
	overflow:auto;
   }

     #dfsearchajaxresultsboxinner
          {
       padding: 10px 3px 0 10px;
      }
	 
       #dfsearchajaxresultsboxinner > ul
             {
         margin-left:5px;
		 font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
        }

#dfladekringel
 {
   visibility:hidden;
   position:relative;
   left:-75px;top:-8px;
 }

.dfprod_haendler_details
 {
  color:black;
 }

.dfprod_haendler_details_permodel
 {
  text-transform:none;
 }

.dfprod_haendler_details_permodel_head
 {
  
 }

.rd-mobilepanel_title
 {
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
 }

.login-description
 {
  padding:15px;
  font-family: 'open_sans_condensedbold',  'Ubuntu', Verdana, sans-serif;
  font-size:1.5em;
 }
@media only screen and (max-width:1030px) 
 {
  #dfprod_piktogramme {margin-top:10px;margin-bottom:-20px;}
 }
@media only screen and (max-width:900px) 
 {
  #dfprod_produktdesc {width: 55%; padding-left:30px;}
 }
@media only screen and (max-width:800px) and  (min-width:651px)
 {
  #dfprod_bildgross > img {width: 180px;}
  #dfprod_produktdesc {width: 45%; padding-left:0px;}
  #dfprod_madeingermany {top: -170px; left: 165px;}
 }
@media only screen and (max-width:650px) 
 {
  #dfsearchwrapper
   {
   width:250px;
   max-width:100%;
   }
  #dfsuchfeld
   {
    width:250px;
    max-width:90%;
	float:right;
   }
  #dfsearchajaxresultsbox
   {
   width:250px;
   margin-left: 10%;
   max-width: 90%;
   }
  #dfsearchajaxresultsboxinner > ul
   {
   font-size:12px;
   }
  #dfsuchfeldlupe
   {
   top:0;
   left:0;
   }
  #dfladekringel
   {
   left:-30px;
top:-27px;   
   }
  
  button.button > span > span
     {
	 font-size:12px;
	 max-width:90%;
   }
  #dfprod_detailinline
   {
   padding-left:0;
  }
  #dfprod_bildgross
    {
   float:none;
   width:100%;
  }
  #dfprod_produktdesc
    {
   float:none;
   width:100%;
   margin-top:100px;
  }
 }
 
 .portfolio-thumbs ul li
{width:100%;
float: none;
margin-bottom:10px;

}





/* Zytglogge Spezial Responsive */


.dfzgillu_leftthird /* für Editor nochmal auch direkt im Quellcode... */
{
	float:left;
	width:33%;
	max-width:360px;
    margin-left: 2%;
}

.dfzgillu_rightthird /* für Editor nochmal auch direkt im Quellcode... */
{
	float:right;
	width:33%;
	max-width:360px;
}
.dfzgillu_rightthird > img
{
    padding-left: 5%;
}
.dfzgillu_leftthirdright
{
	float:left;
	width:33%;
	margin-left: 2%;
}

/* Klassen für Seite WHB-Kurse fehlen noch */

.dfzgillu_lefthalf50
{
	float:left;
	width:48%;
}

.dfzgillu_lefthalfright50
{
	float:right;
	width:48%;
}



.dfnewsheading
{
	display:block;
	margin-top:40px;
}

.dfnewsreadmorelink
{
	border-bottom: 1px dotted red;
    padding-bottom: 30px;
}



#registrationprogress {
    width: 100%;
    height: 40px;
}

#registrationprogress ol {
    width: 100%;
    list-style: none!important;
    list-style-type: none!important;
	margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}

#registrationprogress ol li {
    float: left;
    margin-right: 20px;
    padding: 10px;
    list-style: none!important;
    list-style-type: none!important;
	font-family: 'open_sans_condensedbold', 'Ubuntu', Verdana, sans-serif;
	font-size:17px;
	font-weight:bold;
}

#registrationprogress ol .active {
    background: #e2001a;
    color: #FFFFFF;
}
#typechoose > div > p > span
{
	font-size:16px!imortant;
}
.subtypefieldset > legend
{
	font-family: 'open_sans_condensedbold', 'Ubuntu', Verdana, sans-serif;
	font-size:17px;
	font-weight:bold;
}
.datestack > ul > li > label
{
	position: relative;
    top: -25px;
    left: 20px;
}
.dateinfobox > span
{
	font-size: 14px;
    position: relative;
    top: -12px!important;
    left: 20px!important; 
    font-style: italic;
}
.datestack ul
{
	margin: 0 0 10.5px 5px!important;
}
#buttons
{
	position: relative;
    top: -20px;
    padding-top: 20px;
}

#continuenotpossible
{
	color:#e2001a;
	font-weight:bold;
	font-family:'open_sans_condensedbold', 'Ubuntu', Verdana, sans-serif;
}
.registrationform > fieldset > legend
{
	font-family: 'open_sans_condensedbold', 'Ubuntu', Verdana, sans-serif;
    font-size: 17px;
    font-weight: bold;
	text-transform:uppercase;
}
.registrationform > fieldset > table > tbody > tr > td > label
{
    font-size: 20px;
	display:inline-block!important;
	padding-right:25px;
}




/*******************
	CALENDAR
*******************/
.calendar * {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Tahoma, serif;
	font-weight: normal;
	color: #000;
}

.calendar .invalidday a, .calendar .invalidday a:hover {
	color: #ccc;
	background: #fff;
	cursor: default;
}

.calendar .selectedday {
	background: #ddd;
}

.calendar .today {
	font-weight: bold;
	color: #f00;
}

.calendar a {
	padding: 0 2px;
	color: #000;
	text-decoration: none;
}

.calendar a:hover {
	background: #bbb;
}

.calendar table {
	border-collapse: collapse;
	font-size: 90%;
}

.calendar tbody td {
	width: 20px;
}

.calendar td {
	padding: 1px;
	text-align: center;
}

.calendar thead tr td {
	border-bottom: 1px solid #aaa;
	font-weight: bold;
}

.calendar thead tr.dclinks td a {
	font-size: 95%;
	font-weight: bold;
}

.calendar thead tr.dclinks td {
	padding: 2px 0;
	vertical-align: middle;
	background: #ddd;
	border: 0;
}

.calendar {
	padding-bottom: 2px;
	border: 1px solid #aaa;
	font-size: small;
	background: #fff;
}

.calendaricon {
	cursor: pointer;
}

.calendarlink, .calendaricon {
	margin: 0 3px;
}


.calendarlink {
	font-weight: bold;
    position: relative;
    top: -3px;
    left: 10px;
}

.icemega_title
{
	font-weight:bolder;
}

#dfcontactform_form
{
	float:left;
	width:62%;
	margin-right:8%;
}

#dfcontactform_address
{
	float:right;
	width:27%;
}
.dfformpair_left
{
	float:left;
	width:45%;
	padding-right:5%;
}
.dfformpair_right
{
	float:right;
	width:45%;
}
span.error
{
	color:#e2001a;
	font-size: 14px;
	font-weight:bold;
    float: none;
    display: block;
	position: relative;
    top: -15px;
}
input, textarea, select {
    width: 300px;
}
input#captcha
{
	width:185pc;
}
.dfsubmitcontact
{
	width:300px!important;
}
form textarea
{
	min-height:100px;
	height:100px!important;
}
.errorInput {
    background-color: #F2A2B6!important;
    border: 2px solid #CC234D!important;
}
.datestack > ul > li
{
	list-style-type:none!important;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
	color:black!important;
	font-family: 'open_sans_condensedbold', 'Ubuntu', Verdana, sans-serif!important;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]
{
	font-family: 'open_sans_condensedbold', 'Ubuntu', Verdana, sans-serif!important;
    background: white;
    border-color: #e2001a;
	padding: 5px 15px;
	margin-right:15px;
}
label[for="readagb"]
{
	float:right;
}

@media only screen and (max-width:700px)
{
	.dfzgillu_lefthalf50, .dfzgillu_lefthalfright50, .dfzgillu_lefthalf, .dfzgillu_lefthalfright
	{
		float:none!important;
		width:100%!important;
	}

	.iceMenuLiLevel_2 
	{
		 padding: 6px 37px!important;
	}
	.iceCols > a, .iceCols > ul > a, .rd-mobilemenu_submenu > a, .rd-mobilemenu_submenu > li > a
	{
		display:none!important;
	}
}
#content
{
	padding-left:10px;
	padding-right:10px;
}


@media (max-height: 920px) {
	 .nofloatleft,  .nofloatright
	{
		width:80%!important;
		float:none!important;
		position:inherit!important;
	}
}
@media (max-width: 920px) {

/* input#3_4_mein-lernfahrausweis-ist-gueltig-bis-     #3_12_bitte-schicken-sie-mir-die-rechnung-per #3_8_ref--nr--lernfahrausweis--zwingend-, #3_10_ich-habe-den-lernfahrausweis-der-kategorie */
.dfmodleftboxx, .dfmodrightboxx
{
	float:none!important;
	width:75%!important;
}
.dfmodganzbreiteboxx
{
	float:none!important;
	width:75%!important;
}
 .nofloatleft,  .nofloatright
 {
	 width:80%!important;
	 float:none!important;
	 position:inherit!important;
 }
select#gender, input#firstname, input#lastname, input#street, input#email, input#phone, input#zip, input#name, select#title, textarea#notes, textarea#message, input.dfsubmitcontact {width:150px!important;}

#city {width:95px!important;}
a.calendarlink {display:block!important;}
#registrationprogress ol li {margin-right:200px!important;}
fieldset.coursespecific input, fieldset.coursespecific select {width:150px!important;}
#buttons {position:relative;top:0!important;}



#dfcontactform_address, #dfcontactform_form, .dfformpair_right, .dfformpair_left
{
	float:none;
	width:80%;
}

#captcha
{
	display: block;
    margin-top: 10px;
}



}

@media (max-width: 1250px) {
    .dfzgillu_rightthird, .dfzgillu_leftthird, .dfzgillu_leftthirdright
	{
		padding-left:0!important;
		padding-right:0!important;
		max-width:360px!important;
		border-right:none!important;
		width:80%!important;
		float:none!important;
	}
}
#dfcontactform_content
{
	min-height:500px!important;
}
.psuccess
{
	display:block!important;
}