/**
*Theme Name:        Tierphysiotherapie Alexandra Bornschein 
*Theme URI:         http://tierphysiotherapie-alex.de
Description:        Tierphysiotherapie Alexandra Bornschein 
Author:             sommer-techdok.net
*Version:           1.0
*/


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


/* @import 'normalize.css'; */

html {
 box-sizing: border-box;
 font-family: arial;
 /*hyphens: auto;
 text-align: justify;*/
}

*, *::before, *::after {
box-sizing: inherit;
}


#header-bar {
 background-color:#007289;
}

.service-rufnummer {
 margin:10px;
}


.header-info {
 text-align:center;
 color:#ffffff;
 background-color:#007289;
 padding-bottom:10px;
}




.top-menu ul {
 margin:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100;Blue+3D+%231 */
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top,  #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */

}

.top-menu li {
 list-style: none;
 margin-left:0;
text-align: center;
 border-bottom:1px solid black;
}

.top-menu a {
padding: 0.6em 2rem;
 display:block;
 text-decoration:none;
 color:#000000;
}


#content {
      /*  max-width:1280px;
        margin:auto; */
        padding-left :4px;
        padding-right:4px;
}


.content img {
 width:100%;
}

#content ul {
margin-bottom:20px;
}

#content li{
  margin-left:40px;        
}

section {
 margin-bottom:30px;
}

.leistungen-container {
        /* width:100%; */
         padding-bottom:20px;
         display:flex;
         flex-wrap: wrap;
         justify-content:space-between;

}

.leistungen {
  padding:10px;
  margin-bottom: 10px;
  min-height:260px;
  border: 1px solid black;
  border-radius:10px;
  background-color:#fff8d1;     

}

h1 {
 font-weight:bold;
 font-size:1.8em;
 margin-bottom:18px;
}


h2 {
 font-weight:bold;
 font-size:1.4em;
 margin-bottom:16px;
}


h3 {
 font-weight:bold;
 font-size:1.2em;
 margin-bottom: 14px;
}

h4 {
    font-weight:bold;
    margin-bottom: 12px;
   }

p {
 margin-bottom:20px;
}

b {
font-weight: bold;
}

.spacer {
  height:20px;
}

.red {
 color:red;
}


.ueber-img {
margin-bottom:20px;
  }


#footer-bar {
 background-color:#007289;
}


.footer-menu ul {
 margin:0;


}

.footer-menu li {
 list-style: none;
 margin-left:0;
text-align: center;
 border-bottom:1px solid #ffffff;
}

.footer-menu a {
padding: 0.6em 2rem;
 display:block;
 text-decoration:none;
 color:#ffffff;
}




/* ----------------------------------------------------------------- Endger�te ab 640px -------------------------------- */
@media screen and (min-width: 640px) {


html {
        height:100%;
}


body {
        height:100%;
        font-family:arial, verdana, sans-serif;
        font-size:14pt;
        line-height:18pt;
        color:#474747;
        -ms-hyphens: none;
          -webkit-hyphens: none;
          hyphens: none;
        margin:0;
}




#main {
        width:100%;
        position:relative;
        min-height:100%;
        margin:0 auto;

        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
}



#header-menu {

}

.header-info {
        width:100%;
        max-width:1280px;
        margin:auto;
        padding-top:10px;
        display:flex;
        flex-direction:row;
        justify-content:space-between;

}

.service-rufnummer {
margin-top:0px;
width:auto;
text-align:right;
/* border: 1px solid black;*/
}

.left-logo {
        display:flex;
        /* border: 1px solid black;*/
}

.slogan {
margin-top:30px;
margin-left:10px;
text-align:center;
/* border: 1px solid black;*/
}

.slogan h2 {
 font-size:2em;
 margin-bottom:12pt;
}


.top-menu {
        max-width:1272px;
        /* display: flex;
        justify-content: center; */
        margin:auto;
    }


.top-menu ul {
        width:100%;
        max-width:1280px;
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
}


.top-menu li {
        list-style:none;
        text-decoration:none;
        border-bottom:0;
}

.languages {
        float: left;
}




.top-menu a {
        text-decoration:none;
        color:#474747;
        font-size:12pt;
        font-weight:normal !important;
        text-transform:uppercase;
}

.header-info p {
        margin-top:0;
                font-size: 1.4em;
        text-align:center;
        }



   #content {
   max-width:1280px;
        margin:auto;
        padding-bottom:10%;
 }

#content li{
        margin-left:40px;        
}

#content ul{
        margin-bottom:30px;        
}





.leistungen-container {
         width:100%;
         display:flex;
         flex-wrap: wrap;
         justify-content:space-between;
         
}

.leistungen {
         width:100%;
         max-width:32%;
         padding:10px;
         min-height:280px;
         margin-bottom: 20px;
         border: 1px solid grey;
         border-radius:10px;
         background-color:#fff8d1;
}

.therapie-pic {
        width:45%;
        margin-right:20px;
        float: right;
        /*border: 1px solid black;*/
}

.therapie-pic img {
        margin-bottom:10px;
}

.therapie-text {
       width:45%;        
        /*border: 1px solid black;*/
}



.preise-content {
        padding-bottom:40px;
}

.preise-pic {
        width:45%;
        margin-right:20px;
        float: right;
        /*border: 1px solid black;*/
}

.preise-pic img {
        margin-bottom:10px;
}

.preise-text {
       width:45%;        
        /*border: 1px solid black;*/
}

.ueber-img {
          max-width:400px;
          float:left;
          margin-right: 20px;
          margin-bottom:10px;
        }





 #footer-bar {
        width:100%;
        position:absolute;
        bottom:0;
        height:80px;
        background-color:#007289;
}


.footer-menu ul {
        display: flex;
        justify-content: center;
        flex-direction: row;
}

.footer-menu li {
        list-style:none;
        text-decoration:none;
        margin-top:16px;
       border:0px;
}


.footer-menu a {
        text-decoration:none;
        color:#ffffff;
        font-size:12pt;
        font-weight:normal !important;
        text-transform:uppercase;
}








}    /* Ende media screen 640 px */