/*
Theme Name: Ihrig HD
Theme URI: http://www.s-und-r-design.de
Description: 
Author: Eva Nitsche // Schneeweißchen & Rosenrot Design
Version: 1.0
Tags: Orthopädieschuhtechnik, leicht, responsive, Massschuhe
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Ihrig CSS */
body {
   font-size:0.9em;
   font-family:Verdana, Geneva, sans-serif;
   color:#333;
   background: #97AFBA url(images/background.png)	 repeat-x;

}

a{
	text-decoration:none;
	color:#164194;}

a:hover {
	text-decoration:none;
	color:#829FAC ;}
	
a:active {
	color:#333;}

strong{
	font-weight:bold;}

hr{
	clear:both;
	border:none;
	margin-bottom:2em;}

.alignleft{
	float:left;
	} 

.clear{
	clear:both;
	height:0;}

img.alignleft{
	margin-right:10px;}

.wp-caption-text{
	color:#999;
	font-size:0.85em;}

#container{
	max-width:1200px;
	height:auto;
	margin-top:10px;
	padding:0px;
	margin-left: auto;
	margin-right: auto; 
	background-color: #FFF;
	line-height:1.2em;
	}

.entry{
	padding:20px;}

#header {
	border-bottom:#829FAC dashed 1px;
	padding-bottom: 5px;

	}

#logo{	
	position: relative;
	width:100px;
	padding: 12px 0 0 12px;
  	}

#logo img{	
	max-height:90px;}
	
#logo a{
	color:#FFF;
	text-decoration:none;}
	

#index_ortho {
	position: relative;
	left:10px;
	width: 360px;
	height:178px;
	background-color: #666;
	color:#FFF;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:0.8em;
	}

#index_massschuhe {
	position: relative;
	left:10px;
	width: 360px;
	height:178px;
	background-color: #333;
	color:#FFF;
	margin-bottom: 20px;
	margin-top: 10px;
	font-size:0.8em;
	}

.index_Eingangstext {
	padding-top:125px;
	padding-left:170px; }
	
.index_Eingangstext a{
	text-decoration:none;
	color:#FFF;}
	
.index_Eingangstext a:hover {
	text-decoration:none;
	color:#CCC ;}
	
.index_Eingangstext a:active {
	color:#333;}


#content {
	position: relative;
	font-size:0.9em;
	}

#content p{
	padding-bottom: 0.8em;
	clear:both;
	}

.deaktivieren{
	display:none;}

/*Video Vorschaubild*/
.dsgvoyoutube img{
    width: 100%;}

/*Menu*/

#menu-ihrig {
	position: relative;
	float:right;
	margin-top:-33px; /*-30px auf Höhe Logoschrift*/	
	margin-right:15px;
		}

#menu-ihrig a{
	text-decoration:none;
	color:#FFF;
	font-size:0.9em;
	text-transform:uppercase;
	display:block;
	padding:7px;
	}
	
#menu-ihrig a:hover{
	color:#FFF;
	text-decoration:none;
		}

#menu-ihrig a:active{
	color:#FFF;
	text-decoration:none;
		}
		
#menu-ihrig li{
	float:left;
	position:relative;
	margin-right:5px;	
	background-size: 6px 6px;	
	background-color: #164194;
	}

	
#menu-ihrig a:hover,
#menu-ihrig  .current-menu-item,
#menu-ihrig .sub-menu  .current_menu_item,
#menu-ihrig  .current-menu-ancestor,
#menu-ihrig  .current-menu-parent{
	background-size: 6px 6px;
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
					  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					 transparent 75%, transparent) 0 0 / 50px 50px, #164194;}



#menu-ihrig .sub-menu{
	display:none;
	}

#menu-ihrig .sub-menu a{
	text-transform:none;}

#menu-ihrig .menu-item-has-children:hover .sub-menu{
	display:block;}
	
#menu-ihrig .menu-item-has-children .sub-menu li{
	width: 170px;
	}
	
#menu-ihrig .menu-item-has-children .sub-menu li a:hover{
	background-size: 6px 6px;	
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
					  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					 transparent 75%, transparent) 0 0 / 50px 50px, #164194;}
	
#menu-ihrig ul ul {
    display: none;
    float: left;
    left: 0;
    padding-top: 10px;
	margin-top:10px;
    position: absolute;
    top: 1.2em;
    z-index: 99999;
}
	
/*Mobiles Menu*/
@media screen and (max-width: 940px){
	#rmp-menu-wrap-590 .rmp-menu-item-link {
		width:96% !important;
		padding:0 0 0 0px !important;}
	
	#rmp-menu-wrap-590 a.rmp-menu-item-link {
		padding:0 0 0 10px !important;}
	
	#rmp-menu-wrap-590 .rmp-submenu-depth-1 .rmp-menu-item-link{
		padding-left:20px !important;
	}
}


@media screen and (max-width: 940px){
	#rmp-menu-wrap-590 .rmp-menu-subarrow {
		right:0px !important;}
}


	/*
		
#menu_ortho {
	position: relative;
	float:left;
	width: 360px;
	height:178px;
	background-color: #164194;
	color:#FFF;
	margin-bottom:15px;
	margin-right: 10px;
	font-size:0.9em; 
	}
	
#menu_ortho_bild_rechts {
	position: relative;
	margin-left:5px;
	height:20px; 
	font-size:0.8em;
	margin-top:10px;
	}

	
#menu_ortho_bild_rechts a{
	color:#164194;
	}
#menu_ortho_bild_rechts a:hover{
	color:#829FAC;
	text-decoration:underline;
	}
#menu_ortho_bild_rechts a:active{
	color:#C06;
	text-decoration:underline;
	}

.menu_ortho_text {
	padding:0px;
	list-style-type:none;
	margin: 0px;
		 }

.menu_ortho_text li {
	float: left;
	margin: 0px 10px 5px 0px; 
	padding-top: 0px;
	}*/

/*Content*/
#content .panel-grid-cell .so-panel,
#content .panel-grid{
	margin-bottom:15px !important;}

a._brlbs-btn-cookie-preference {
    margin-bottom: 20px;}

/*Tabellen*/
table+p{
	padding-top:1em;}

/*Blockquotes*/
blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 5px solid #829FAC;
  
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:0px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

#content blockquote p{
	padding-bottom:0;}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}



h1 /*"Normale" Überschrift nicht über Page Builder - wird nicht angezeigt*/
   {}

.panel-first-child h3, /*Überschrift über Page Builder*/
h2
   {font-size:1.1em;
   color: #164194;}

h2, h3{
	font-weight:bold;
	padding-bottom:1.2em;
	color: #164194;
	}

h2:first-letter, h3:first-letter{
	font-size:1.4em;}

h4{
	font-weight:bold;
	font-size:1em;
	padding-bottom:1em;
	}	

/*Anfahrt*/
#google .inputbox{
	width:300px; 
	padding:5px;
	margin-top:5px;
	border:solid 1px #829fac;
}

/*Buttons*/
.wpcf7 .wpcf7-submit,
button{
	position:relative;
	background-size: 6px 6px;	
	background-color: #164194;
	text-decoration: none;
	color: #FFF;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 7px !important;
	font-family: Verdana, Geneva, sans-serif;
	border:none;
	width:auto !important;
}

.wpcf7-submit:hover,
button:hover{
	cursor:pointer;
	background-size: 6px 6px;	
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
					  transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					  transparent 75%, transparent);
	-pie-background: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
					 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
					 transparent 75%, transparent) 0 0 / 50px 50px, #164194;}
	
/*Conact formular*/

.wpcf7 div.wpcf7-validation-errors{
	background-color:#FFC;
	margin-top:1em !important;
	padding:1em !important;}

.wpcf7-mail-sent-ok{
	background-color: #DDFFD7;
	margin-top:1em !important;
	padding:1em !important;}

.wpcf7 .wpcf7-form-control, 
.wpcf7 .captcha-image{
	border:solid 1px #829fac;
	padding:5px;
	width:60%;}

.wpcf7 .datenschutz .wpcf7-form-control-wrap .wpcf7-form-control,
.wpcf7 .datenschutz .wpcf7-form-control-wrap .wpcf7-list-item,
.wpcf7 .datenschutz .wpcf7-form-control-wrap {
	width:auto;}

.wpcf7 .datenschutz .wpcf7-form-control-wrap .wpcf7-form-control{
	border:none;
	width:auto;
	}



span.wpcf7-list-item{
	width:60%;
	margin:0 !important;}

.kc_captcha .wpcf7-form-control{
	border:none !important;
	padding:0;
	}

/*Kategorieseiten Wanderempfehlungen und Fussgymnastik*/
.kategorie .widget-title{
	display:none;}

.kategorie .article{
	margin-top:2em;
	background-color: #F8F8F8;
	padding: 1em;
	
	} 

.kategorie .vorschaubild{
	float:left;
	margin-right:20px;
}

.kategorie .article .beschreibung h3,
.kategorie .article .beschreibung p{
	clear:none !important;}


/*Footer*/
#footer {
	position:relative;
	clear:both;
	width:98%;
	height:17px;
	background-color:#829FAC;
	bottom: 5px;
	color:#FFF;
	font-size:0.8em;
	text-align:right;
	padding-right:2%;
	padding-top:3px;
	padding-bottom:3px;
	}
	
#footer a{
	text-decoration:none;
	color:#FFF;
	padding-left:12px;
	}

#footer a:hover {
	text-decoration:none;
	color:#CCC ;}
	
#footer a:active {
	color:#333;}

.information{
	padding: 15px;
	margin-top: 40px;
	border: 1px solid #164194;
	color: #164194;}

.information a{
	text-decoration:underline;}

@media (max-width: 1200px) {
	#logo{
		padding-left:20px;}
	
	#logo img{	
	height:90px;}
}

@media (max-width: 940px) {
	#menu-ihrig {
		display:none;} 

	.wpcf7 .wpcf7-form-control{
		width:97%;}
	.kategorie .article .beschreibung{
		clear:left;
		padding-top:1em;}
}