/* === !!! hintergrund, seitenfarben, logo, design, schriften, kolumnen, tabs, navigation, slider === */
 
 
 
 
 
 
 


/* ============================================================================================================================= */
/* Body */
/* ============================================================================================================================= */

body {
		
	font-size:1.05em ;
	background-color:#ffffff; 	
	background:#ffffff url(https://mein-praxisfritz.de/wp-content/uploads/114.png) fixed; }    


.wrap > .top, .wrap > .sliderwrap, .wrap > .main, .wrap > .footer, .wrap > .endpage  { font-size:1.05em ;
 
font-family:'ubuntu', sans-serif;	
line-height:1.35em; 

color:#4c4c4c;} 
.wrap > .main  {text-indent:0.0em;	}  

.wrap * h1 { font-size:2.20em; }
.wrap * h2 { font-size:1.80em	 }
.wrap * h3 { font-size:1.60em	 }
.wrap * h4 { font-size:1.30em	 }



.bigslider_pics { font-size:0.875em;}  /*reset font-size */	  
.wrap a { color:#9d0e33; }
.wrap a:hover { color:#9d0e33; text-decoration:underline  } 

/* Container Head (Logo/Mainnavigation) ============================================================================================================= */
.topinfo { color:#5b5b5b; }                                         
.topmenu ul li a { color:#5b5b5b; outline:none }
.topmenu ul li a:hover { color:#dd9933; text-decoration:underline } 
.topmenu li.current-menu-item a  { color:#9d0e33; text-decoration:underline } 
.topmenu li.current-menu-item a:hover  { color:#9d0e33; text-decoration:none } 
.logo { margin:48px 48px 53px 32px }

.navbar-nav {	
	font-size:1.25em;
	
	margin-top:60px; 
	font-family: ubuntu; 	
	float:left;  
}
/* Link Solo  */
/* --> inaktiv */
.navbar-default .navbar-nav > li > a { color:#bababa; } 
/* --> inaktiv --> a:hover */
.navbar-default ul.navbar-nav > li > a:hover { color:#9d0e33 }     
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-item a { color:#9d0e33; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-item a:hover { color:#9d0e33 }
/* Toplink Submenu ################## */
/* --> aktiv */   
.navbar-default .navbar-nav li.current-menu-ancestor a { color:#9d0e33; } 
/* --> aktiv --> a:hover */   
.navbar-default .navbar-nav li.current-menu-ancestor a:hover { color:#9d0e33 }   
/* Sublink current open */	
.navbar-default ul.navbar-nav > .open > a, 											
/* Sublink current open hover */
.navbar-default ul.navbar-nav > .open > a:hover, 								
/* Sublink current open focus */
.navbar-default ul.navbar-nav > .open > a:focus { 
	background:none; color:#9d0e33 }
/* Hintergrund Container Submenu */
.navbar-default ul.navbar-nav .dropdown-menu { background-color:#baa185 }
/* Links im Submenu ################## */
/* --> inaktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li > a { 
	color: #ffffff;  }
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .dropdown-menu > li > a:focus { 
	color: #ffffff; 
	background-color: #baa185; }  
/* --> aktiv --> Container Submenu */
.navbar-default .navbar-nav .dropdown-menu > li.current-menu-item > a { 
	color: #baa185; 
	background-color: #ffffff; }	
.navbar-nav > li > .dropdown-menu { margin-top:20px; }

/* Container Postthumbnail ============================================================================================================= */


/* Container Main-Content ============================================================================================================== */
section h1 { font-family:'sortsmillgoudy';  line-height:1.10em; text-indent:0.0em; color:#4c4c4c }	
h2 { font-family:'sortsmillgoudy'; line-height:1.10em; text-indent:0.0em; color:#4c4c4c }	
h3 { font-family:'sortsmillgoudy'; line-height:1.60em; text-indent:0.0em; color:#4c4c4c }	
h4 { font-family:'sortsmillgoudy'; line-height:1.60em; text-indent:0.0em; color:#4c4c4c }	
.page-title h2 { color:#ffffff; font-size:1.70em; line-height:1.30em }
.page-title { 
	background:rgba(10,10,10,0.40); 	
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.40)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#660a0a0a,endColorstr=#660a0a0a);
	zoom:1;	   
  border-radius: 2px 2px 2px 2px;
}} 	
	
.blockquote-gb-open { font-family:'sortsmillgoudy'; font-size:2.20em; line-height:1.10em; text-indent:0.0em; color:#4c4c4c }

/* === INITIALE ============ */
.initiale { 
font-family:'ubuntu';
  line-height: 1em;
  font-size: 3.20em;
  float: left;
  margin: 0 8px 0px 0;
  float:left;  } 



/* === Kolumnen ================================================================================= */
.1735-in {}
.col-bg {		
	/* BACKGROUND RGBA FUER ALLE AUSSER IE */
	background:rgba(255,255,255,1.00);  
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;		
/* TEXTFARBE FUER ALLE */	
	color:#4c4c4c;
/* BERECHNUNG FUER IE */	
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
/* BORDERRADIUS FUER ALLE AUSSER IE */
	border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	-moz-border-radius:2px 2px 2px 2px;
	}
.col-bg h1, .col-bg h2, .col-bg h3, .col-bg h4 { color:#4c4c4c; } 
.col a, .col-bg a { color:#9d0e33; font-weight:bold }
.col-bg a:hover { color:#9d0e33; text-decoration:underline  }  

.col-bg { box-shadow: 0px 0px 3px 0px #969696   }



/* Container Footer ========================================================================================================================= */
.wrap .footer .menu li a { 
	background:rgba(255,255,255,1);  
	-pie-background:rgba(255,255,255,1); 
	 color:#9d0e33; } 
	 
.wrap .footer .menu li a:hover { 
	background:rgba(186,186,186,1);  
	-pie-background:rgba(186,186,186,1);
	color:#ffffff; }
	 
.wrap .footer .menu .current-menu-item a { 
	background:rgba(157,14,51,1);  
	-pie-background:rgba(157,14,51,1);
	color:#ffffff; } 
	
.wrap .footer .menu .current-menu-item a:hover { 
	background:rgba(157,14,51,1);  
	-pie-background:rgba(157,14,51,1);
	color:#ffffff; }   
	


/* === !!! FARBEN LAYER (TOP-TEL, NAVI, FOOTER) ================================================================================= */
.layer-bg-one { 
	background-color:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1; 
	box-shadow: 0px 1px 0px 0px #eaeaea; }

.wrappostthumbnail, .layer-bg-two { 	
	background-color:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;	
	box-shadow:0px 0px 2px 0px #969696;}  
 	 



	




 

/* === Big-Slider ================================================================================= */	
.wrap .bigslidercontent, .wrap .bigslidercontent h3 {  color:#ffffff }
.wrap .bigslidertext { color:; }
.bigslidercontent, #wrap-bigslidernav { background-color:rgba(0,0,0,);font-size:1.70em }
#wrap-bigslidernav, .bigslidercontent h3 { 
	background:rgba(10,10,10,0.40); 	
/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.40)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#660a0a0a,endColorstr=#660a0a0a);
	zoom:1;		  
	color:#ffffff;}

.bigslidernav a { background: url(https://mein-praxisfritz.de/wp-content/themes/maintheme/media/slider/bullets.png) 0px -20px;} 
.bigslider_pics { box-shadow:0px 0px 2px 0px #969696; 	  }
#wrap-bigslidernav { box-shadow:0px 0px 2px 0px #969696; 	  }

span.title {
	font-size:1.80em; font-family:'sortsmillgoudy'; line-height:1.10em; text-indent:0.0em; color:#4c4c4c }

	
/* Akkordeon ============================================================================================================================= */
.panel { border-radius:5px; margin-bottom:11px } 
.panel-group .panel { border-radius: 5px;margin-bottom: 11px; }   
.toggle .panel-heading, .accordeon .panel-heading { border-radius: 5px; }  
.panel-default > .panel-heading + .panel-collapse .panel-body { 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background:#ffffff;
	background:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;
	color:#444444; 
	}    
.accordeon .panel-heading { border-top-left-radius: 5px;  border-top-right-radius: 5px;  border-bottom-left-radius: 0; border-bottom-right-radius: 0; }  
.toggle .panel-title a.my-collapsed, .accordeon .panel-title a.my-collapsed { color:#9d0e33; }
.toggle .panel-title a.collapsed, .accordeon .panel-title a.collapsed { color:#9d0e33; }
/* Schriften Toggle und Accordeon; family, size, line-height */
.toggle .panel-title a, .accordeon .panel-title a { 	
	font-family:'ubuntu', arial;		
	font-size: 1.00em; 	
	line-height: 1.65em;
	color:#444444; }  
.toggle .panel-heading, .accordeon .panel-heading { 
	 padding: 0 0 0 0; }  
.toggle .panel-body, .accordeon .panel-body { padding:6px 6px 10px 10px }
.toggle .panel-body { 
	color:#444444; }
/* Linkeigenschaften Header in Toggle und Accordeon */
.toggle > .panel-title a, .toggle .panel-title a:hover, .accordeon > .panel-title a, .accordeon .panel-title a:hover { text-decoration:none } 
/* Grundzustand: Panel geschlossen */	
a.my-collapsed div.clip-header, a.collapsed div.clip-header, a.collapsed div.clip-header { 
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 5px; 	
	background:rgba(255,255,255,1.00);
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;
	font-style:normal;  }   

/* Aktion: Panel geöffnet */  
a div.clip-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:0 8px 0 8px;
	background:rgba(255,255,255,1.00); 
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
	zoom:1;
	font-style:normal; } 

/* Aktion: Mouseover Header */
a.my-collapsed div.clip-header:hover, a.collapsed div.clip-header:hover, a.collapsed div.clip-header:hover  {
 	background:rgba(157,14,51,1.00); 	
	/* BACKGROUND FUER IE */
	background: transparent\9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1.00)";	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9d0e33,endColorstr=#ff9d0e33);
	zoom:1;
	text-decoration:none;
	color:#ffffff;}

a div.clip-header:before { 
	content: "\2212"; font-family:'maintheme-icon'; vertical-align:middle; margin-right:4px; line-height: 1.65em; font-weight:normal;   }

a.my-collapsed div.clip-header:before, a.collapsed div.clip-header:before  { 
	content: "\2b"; font-family:'maintheme-icon'; vertical-align:middle; margin-right:4px; line-height: 1.65em; font-weight:normal;  }  

.spanner { background:rgba(255,255,255,1.00); }    



.colwrap-all a.button-start {color:#ffffff; background:#9d0e33;}
.colwrap-all a.button-start:hover {color:#9d0e33;  background:#ffffff;}

.colwrap-all .button-start h3 {color:#ffffff; }
.colwrap-all a.button-start:hover h3 {color:#9d0e33; }
 
.button-link, .col-bg .button-link, .da-slide .da-link { background:#ffffff;
	-webkit-transition: background .2s;
  -moz-transition: background .2s;
  -o-transition: background .2s;
  -ms-transition: background .2s;
  transition: background .2s; 	} 
	
.button-link:hover, .da-slide .da-link:hover {background:#9d0e33;}

.da-dots span {background: #9d0e33;}
.da-arrows span { background:#ffffff;
-webkit-transition: background .2s;
  -moz-transition: background .2s;
  -o-transition: background .2s;
  -ms-transition: background .2s;
  transition: background .2s;  }  
.da-arrows span:hover { background:#bababa; } 










/* !!! Pad quer 1280 =======================================================================================================   
============================================================================================================================== */
@media screen and (max-width: 1280px) {		
	
} 



/* !!! Netbook 1024 =======================================================================================================   
============================================================================================================================== */ 
@media screen and (max-width: 1024px) {	
	/* BIG SLIDER ========================================================================================================== */
	 .logo { margin: 10px 5px 10px 10px; width:150px }
	 .navbar-nav { font-size:1em; margin-top: 12px; float: right; margin-right:8px; }
		#blob { top:52px} 
	.nav-tabs > li, 
	.nav-tabs > li#current { padding: 2px 6px;  }  	
	.nav-tabs > li > a {padding:2px 6px; margin-right:2px; line-height:1.1em}  	
	.nav-tabs > li#current > a, 
	.nav-tabs > li#current > a:hover, 
	.nav-tabs > li#current > a:focus { padding: 2px 6px; margin-right:2px; }  	
	
	.da-slider { width:990px; height: 327px; } 
	.dashicon-home-tab-screen, 
	.dashicon-home-tab-wp, 
	.dashicon-home-tab-response, 
	.dashicon-home-tab-carrot, 
	.dashicon-home-tab-social, 
	.dashicon-home-tab-lamp { 
		margin: 5px 0px 0px 40%;
	}
	
	.colwrap-1, .colwrap-1-bg,.colwrap-2,.colwrap-2-bg,.colwrap-3,.colwrap-3-bg,.colwrap-4,.colwrap-4-bg,.colwrap-5,.colwrap-5-bg,.colwrap-6,.colwrap-6-bg,
	.colwrap-5-6, .colwrap-5-6-bg,.colwrap-4-5, .colwrap-4-5-bg,.colwrap-3-4,.colwrap-3-4-bg,.colwrap-2-3,.colwrap-2-3-bg,.colwrap-3-5, .colwrap-3-5-bg,
	.colwrap-2-5, .colwrap-2-5-bg { width:100% !important; }	
	.colwrap-1-bg,.colwrap-2-bg,.colwrap-3-bg,.colwrap-4-bg,.colwrap-5-bg,.colwrap-6-bg,.colwrap-5-6-bg,.colwrap-4-5-bg,.colwrap-3-4-bg,.colwrap-2-3-bg,.colwrap-3-5-bg,.colwrap-2-5-bg { background: none; }	
	.col-bg { width:auto; min-height:80px; float:left; }	
	.padding-1, .padding-2, .padding-3, .padding-4, .padding-5, .padding-6, .padding-5-6, .padding-4-5, .padding-3-4, .padding-2-3, .padding-3-5, .padding-2-5 {  width:100%; padding:2% }	
	.colwrap-all img, .col-bg img { width:auto }		
	
} 

@media screen and (max-width: 1023px) {	
 .sliderwrap { display:none }   
}

 
/* !!! 7'' QUER 801 ==========================================================================================================
============================================================================================================================== */
@media screen and (max-width: 800px) {
	.topinfo { margin-right:8px; }
	.logo { margin: 10px 5px 10px 10px; width:150px } 
	.navbar-nav { font-size:1em; margin-top: 12px; float: right; margin-right:8px; }
	.navbar-toggle { margin-top:18px; }
	.da-slider { height:314px }
	.da-img { display:none } 
	.da-arrows { display:none }
	.da-slider { min-width:0px;width:100%; }
	.da-slide p { width:83%;font-size:1.05em;left:1%; top:157px }
	.da-slide h2, .da-slide-current h2, .da-slide-toleft h2, .da-slide span.title, .da-slide-current span.title, .da-slide-toleft span.title { left:10%; white-space:normal; width: 80% }
	.da-slide-current h2, .da-slide-current span.title, .da-slide-current p, .da-slide-current .da-link,  {  }	
	
	.dashicon-home-tab-screen, 
	.dashicon-home-tab-wp, 
	.dashicon-home-tab-response, 
	.dashicon-home-tab-carrot, 
	.dashicon-home-tab-social, 
	.dashicon-home-tab-lamp { margin:0; font-size:8em
	 }
}



/* !!! 10'' HOCH 768 =========================================================================================================
============================================================================================================================== */ 
@media screen and (max-width: 768px) { 		  
	#blob { display:none }
	.topinfo { margin-right:8px; }
	.logo { margin: 10px 5px 10px 10px; width:150px } 
	.navbar-nav { font-size:1em; margin-top: 12px; float: right; margin-right:8px; }
	
	.da-slider { height:336px }
	.da-img { display:none } 
	.da-arrows { display:none }
	.da-slider { min-width:0px;width:100%; }
	.da-slide p { width:83%;font-size:1.05em;left:1%; top:192px }
	.da-slide h2,.da-slide-current h2, .da-slide-toleft h2, .da-slide span.title, .da-slide-current span.title, .da-slide-toleft span.title { left:10%; white-space:normal; width: 80% }
	.da-slide-current h2, .da-slide-current span.title, .da-slide-current p, .da-slide-current .da-link,  {  }   
	.wrap * h1, .wrap * h2 { font-size: 1.40em; }
}



/* !!! 7'' HOCH 600 ==========================================================================================================
============================================================================================================================== */
@media screen and (max-width: 600px) {     	
  .logo { margin: 10px 5px 10px 10px; width:150px }	
	.content-footer .col-bg { height: auto; }	
	
	.da-slider { height:336px }
	.da-img { display:none } 
	.da-arrows { display:none }
	.da-slider { min-width:0px;width:100%; }
	.da-slide p { width:83%; left:1%; top:192px }
	.da-slide h2,.da-slide-current h2, .da-slide-toleft h2, .da-slide span.title, .da-slide-current span.title, .da-slide-toleft span.title { left:10%; font-size: 1.5em; white-space:normal; width: 80% }
	.da-slide-current h2, .da-slide-current span.title, .da-slide-current p, .da-slide-current .da-link,  {  }
}



/* !!! iPhone QUER 480 =======================================================================================================
============================================================================================================================== */
@media screen and (max-width: 480px) {  	      	
	.logo { margin: 10px 5px 10px 10px; width:150px }
	.headnavi .menu-item a { padding:0 2px 0 2px; margin:0 2px 0 0; outline:none }	
	 
	.da-slider { height:350px }
	.da-img { display:none } 
	.da-arrows { display:none }
	.da-slider { min-width:0px;width:100%; }
	.da-slide p { width:83%;font-size:.9em;left:1%; top:192px }
	.da-slide h2,.da-slide-current h2, .da-slide-toleft h2, .da-slide span.title, .da-slide-current span.title, .da-slide-toleft span.title { left:10%; font-size: 1.2em; white-space:normal; width: 80% }
	.da-slide-current h2, .da-slide-current span.title, .da-slide-current p, .da-slide-current .da-link,  {  }
}



/* !!! HUAWEI ASCEND P7 HOCH 360 =============================================================================================
============================================================================================================================== */
@media screen and (max-width: 360px) { 	
	.logo { margin: 10px 5px 10px 10px; width:150px }	
	 
	.da-slider { height:334px }
	.da-img { display:none } 
	.da-arrows { display:none }
	.da-slider { min-width:0px;width:100%; }
	.da-slide p { width:83%;font-size:.9em;left:1%; top:192px }
	.da-slide h2,.da-slide-current h2, .da-slide-toleft h2, .da-slide span.title, .da-slide-current span.title, .da-slide-toleft span.title { left:10%; font-size: 1.2em; white-space:normal; top:30px; width: 80% }
	.da-slide-current h2, .da-slide-current span.title, .da-slide-current p, .da-slide-current .da-link,  {  }  	
	
	
}



/* !!! iPhone 5 HOCH 320 =============================================================================================
============================================================================================================================== */ 
@media screen and (max-width: 320px) { 		
	.logo { margin: 10px 5px 10px 10px; width:150px }	
	
	.da-slider { height:334px }
	.da-img { display:none } 
	.da-arrows { display:none }
	.da-slider { min-width:0px;width:100%; }
	.da-slide p { width:83%; font-size:.9em; left:1%; top:192px }
	.da-slide h2,.da-slide-current h2, .da-slide-toleft h2, .da-slide span.title, .da-slide-current span.title, .da-slide-toleft span.title { left:10%; font-size: 1.2em; white-space:normal; top:30px; width: 80% }
	.da-slide-current h2, .da-slide-current span.title, .da-slide-current p, .da-slide-current .da-link,  {  }  
	
	
}