/*@import url(https://fonts.googleapis.com/css?family=Arimo:400,700); */

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

/* arimo-700 - latin */
@font-face {
  font-family: 'Arimo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/arimo-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Arimo Bold'), local('Arimo-Bold'),
       url('fonts/arimo-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/arimo-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/arimo-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/arimo-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/arimo-v11-latin-700.svg#Arimo') format('svg'); /* Legacy iOS */
}

/*

Theme Name: Podologie Eickmann
Theme URI: https://kmbmedia.de
Description: Ein individuelles WordPress Theme
Version: 1.0
Author: KMB Media Werbeagentur
Author URI: https://kmbmedia.de

#863177 lila
#D2D3D0 hellgrau
*/

/* CORE */
body {
font-family: 'Arimo', sans-serif;
color: #000; 
font-size: 1em;
line-height: 140%;
font-weight: 400;
}

/*
html { 
background: url(img/bg.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
*/

a:link		{ color: #863177; text-decoration: none; }

/*
a:link		{ color: #381A09; text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
*/

a:visited	{ color: #863177; text-decoration: none; }
a:hover		{ color: #B4B1AB; text-decoration: none; }
a:active	{ color: #B4B1AB; }

a.post-edit-link { font-size: 0.8em; color: white; font-weight: normal; padding: 0px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 30px; right: 30px; opacity: .4; transition: opacity .3s ease; }
a.post-edit-link:hover { opacity: 1; }

a#vc_load-inline-editor { font-size: 0.8em; color: white; font-weight: normal; padding: 2px 20px; background: #01DF01; border-radius: 2px; position: fixed; bottom: 60px; right: 30px; opacity: .2; transition: opacity .3s ease, left .3s ease; } 
a#vc_load-inline-editor:hover { opacity: 1; }

p { margin: 10px 0 10px 0; }

.small { font-size: 0.8em; }

img { border: 0; }

.alignleft	{ padding-right: 10px; float: left; }
.alignright { padding-left: 10px; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.left	{ text-align: left; }
.right	{ text-align: right; }

.clear { clear: both; }

.white { color: #fff; }
.center { text-align: center; }

strong { font-weight: bold; }

h1 { font-size: 1.4em; color: #863177; font-weight: normal; line-height: 110%; }
h2 { font-size: 1.4em; color: #863177; font-weight: normal; line-height: 110%; }
h3 { font-size: 1.0em; color: #863177; font-weight: normal; line-height: 110%; }

.page-id-12 h2 { margin-top: 20px; }
.page-id-12 h2:first-of-type { margin-top: 0px; }

.page-id-12 h3 { margin-top: 20px; }
.page-id-12 ul li { margin-left: 40px; }

.dev { background: url('img/bg_dev.png'); }

.small { font-size: 0.9em; }

.show-for-small { display: none; }
.hide-for-small { display: none; display: inline; }

.elastic { position: relative; padding-bottom: 25%; padding-top: 15px; height: 0; overflow: hidden; }
.elastic iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.kmb_logo { padding: 0px 0px 10px; }
img.kmb_logo { width: 175px; }

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

::-moz-selection { color: #fff; background: #863177; }
::selection { color: #fff; background: #863177; }


/* LAYOUT */

#header { padding: 20px 0 0 0; }

#sidebar { }

#content { }

#footer { border-top: 2px #863177 solid; }


/* INTERIOR */

#header .header_content { margin: 15px 0 0 0; }
#header .minus_column { margin-left: -30px; }

#mega-menu-wrap-main { margin-bottom: 40px !important; }

span.preis { float: right; }

#footer .textwidget { padding-top: 20px; }
#footer .iconspacer { display: inline-block; width: 30px; height: 10px; }

.menu-footer-container { padding-top: 20px; margin-bottom: 40px; float: right; }
ul#menu-footer {  }
ul#menu-footer li { list-style: none; float: left; padding-right: 20px; }
ul#menu-footer li a { color: #000; }
ul#menu-footer li a:hover { color: #863177; }
ul#menu-footer li.current_page_item > a { color: #863177; }

ul#menu-footer li:last-child { padding-right: 0; }

.ui-widget-header { border: 1px solid #863177 !important; background: #863177 !important; background-image: none !important; }

.liste ul { padding-top: 0px; }
.liste ul li { list-style: none; padding-left: 27px; text-indent: -27px; }
.liste ul li::before { content: "\f054"; font-family: 'icomoon'; margin-right: 15px; color: #863177; font-size: 0.9em; }


/* ICONS */
@font-face {
font-family: 'icomoon';
src:  url('fonts/icomoon.eot?9yeu6j');
src:  url('fonts/icomoon.eot?9yeu6j#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?9yeu6j') format('truetype'),
url('fonts/icomoon.woff?9yeu6j') format('woff'),
url('fonts/icomoon.svg?9yeu6j#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 15px;
color: #863177;
}

.icon-chevron-right:before { content: "\f054"; }
.icon-fax:before { content: "\e926"; }
.icon-telefon:before { content: "\e942"; }
.icon-mail:before { content: "\e945"; }
.icon-adresse:before { content: "\e947"; }
.icon-map:before { content: "\e94b"; }
.icon-uhrzeit:before { content: "\e94e"; }
.icon-termine:before { content: "\e953"; }
.icon-check:before { content: "\ea10"; }
.icon-circle-right:before { content: "\ea42"; }

.icon-kein { margin-right: 31px; }


/*
* WP-Paginate - WordPress Pagination Function
* Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
* Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
*/
.pages { padding-top: 30px; margin-bottom: 50px; }
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none; margin-left: 0 !important; }
.wp-paginate a {background:#ccc; border:0px solid #ccc; color:#fff; margin-right:4px; padding:10px 10px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#006727; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#006727; border:0px solid #ccc; margin-right:4px; padding:10px 10px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}


/* KONTAKT */
.wpcf7-text { width: 80%; height: 35px; background: transparent; }
.wpcf7-textarea { width: 80%; height: 150px; background: transparent; }

.wpcf7-submit {
width: auto;
height: auto;
background: none repeat scroll 0% 0% #BA9C00;
color: #FFF;
border: 2px solid #BA9C00;
font-size: 1em;
padding: 15px 40px;
margin: 0px 0px 0px;
align-content: center;
transition: all 0.2s ease-out;
cursor: pointer;
float: right;
margin-right: calc(20% - 44px);
}

.wpcf7-submit:hover { opacity: 0.8; }

select.wpcf7-form-control {
width: calc(80% + 43px);
height: 49px;
border: 2px solid gray;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
apperance: none;
padding: 5px 70px 5px 20px !important;
margin-right: -50px !important;
text-indent : 0.01px;
text-overflow : '';
}

select.wpcf7-form-control::-ms-expand { display: none; }

span.wpcf7-not-valid-tip {
font-weight: 700;
margin: -24px 22px;
padding: 0px;
position: absolute;
top: 20px;
right: -6px;
}

div.wpcf7-response-output {
margin: 48px 0px 0px 0px !important;
padding: 5px 20px !important;
width: 80%;
}

.wpcf7-textarea, .wpcf7-text, select.wpcf7-form-control { 
border: 2px solid #e6e6e6; 
color: #999999;
border-radius: 0px;
font-family: 'Arimo', sans-serif;
font-size: 1em; 
font-weight: 400;
padding: 5px 20px; 
margin: 0px 0px 20px;
background: none repeat scroll 0% 0% transparent;
transition: all 0.2s ease-out 0s;
outline: none;
} 

.wpcf7-textarea:hover, .wpcf7-text:hover, select.wpcf7-form-control:hover, .wpcf7-textarea:focus, .wpcf7-text:focus, select.wpcf7-form-control:focus { border: 2px solid #BA9C00; color: #000; } 

span.wpcf7-list-item { display: block; }


/* MEDIA */
@media only screen and (min-width: 960px) and (max-width: 1199px) { }

@media only screen and (min-width: 720px) and (max-width: 959px) { }

@media only screen and (max-width: 719px) {

#header .logo { margin-top: -10px; }
#header .minus_column { margin-left: 0; }
#header .header_content { margin: -20px 0 0 0;}

.hide-for-small { display: none; }
.wpcf7-text, .wpcf7-textarea { width: 90%; }
.show-for-small { display: block; }
.container12 { padding-left: 10px; padding-right: 10px; }

}