/*
 Theme Name: Letter Therapie
 Author: ulrich.digital
 Author URI: https://ulrich.digital
 Version: 1.0
 License: GNU General Public License
 License URI: https://www.gnu.org/licenses/gpl.html
 */
 /*
 @font-face {
     font-family: 'Work Sans';
     src: url('webfonts/WorkSans-ExtraLightItalic.woff2') format('woff2'),
         url('webfonts/WorkSans-ExtraLightItalic.woff') format('woff');
     font-weight: 300;
     font-style: italic;
     font-display: swap;
 }

 @font-face {
     font-family: 'Work Sans';
     src: url('webfonts/WorkSans-ExtraLight.woff2') format('woff2'),
         url('webfonts/WorkSans-ExtraLight.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
 }
*/

html {
  height: 100%;
}
body {
  min-height: 100%;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

}

.underline a{
    border-bottom: 1px solid;
}

a {
  color: black;
  text-decoration: none;
}
.fal {
  font-size: 40px;
  color: black;
  opacity: 0.5;
}
.icon_container {
  border: 1px solid black;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  vertical-align: middle;
  padding: 0px;
  margin: auto;
  transform: scale(0.8);
}
.phone {
  width: 40px;
}
.chrevron-right {
  width: 45px;
  vertical-align: middle;
  top: -2px;
  left: 2px;
  position: relative;
}
ul + .icon_container {
  margin-top: 50px;
}
 #container{
    min-height: 1000px;
}
/*
 FARBEN*/
/* COLOR VARIABLES
 ============================================= */
/* GRADIENT LISTS
 ============================================= */
/*
 $list1: $blue, $green, $orange;
 @mixin gradient($direction, $list) {
 background: -webkit-linear-gradient($direction, $list);
 background: -moz-linear-gradient($direction, $list);
 background: -o-linear-gradient($direction, $list);
 background: linear-gradient($direction, $list);
 }
 #wrapper {
 @include gradient(left, $list1);
 }
 */
#branding img {
  display: block;
  margin: auto;
  padding-top: 20px;
  width: 100%;
  max-width: 500px;
  height: auto;
}
#wrapper {
  margin: auto;
  font-family: 'Work Sans';
  font-size: 24px;
  line-height: 1.5;
  font-weight: 300;
  font-weight: 300;
  position: absolute;
width: 100%;
min-height: 100%;
}
#branding {
  max-width: 640px;
  padding: 0;
  margin: auto;
}
#site-title {
  text-align: center;
  padding-top:20px;

}
#site-title a {
  text-decoration: none;
  color: black;
  font-size: 72px;
  font-weight: 300;
  /* text-align: center; */
  text-transform: uppercase;
  letter-spacing: 3.4px;
  text-transform: none;
  font-weight: 100;
}
#site-description {
  text-align: right;
}
.entry-content {
  max-width: 1000px;
  margin: auto;
  padding: 5px;
  overflow: hidden;
}
#post-1 h2:first-child {
  padding: 50px 0;
}

article h2 {
  max-width: 1000px;
  font-size: 62px;
  padding: 2em 0;
  margin: auto;
  text-align: center;
  font-weight: 200;
  overflow: hidden;
}
article h2 + .telefonnummer_icon,
article h2 + .pagelink_icon{
/*        margin-top: calc(-2.5em - 50px);*/

}
.home h2{
    padding-bottom: 0;
}
article p ~ p {
  padding: 20px 0;
}
article h1, .single article h1 {
  max-width: 1000px;
  font-size: 62px;
  padding: 100px 0 50px 0;
  margin: auto;
  text-align: center;
  font-weight: 300;
}
h3 {
  font-size: 42px;
  font-weight: 200;
  text-align: center;
  padding: 50px 0 0px;
}
.home h2{
    margin-top: 1.5em;
}
.home h3 {
  padding: 0;
}
#map {
  max-width: 1000px;
  height: 500px;
  margin: 200px auto 0;
}
a {
  text-decoration: none;
}

.wp-block-image img{
height:auto;
}

footer {
  margin-top: 200px;
  text-align: center;
  /* margin-bottom: 20px; */
  padding-bottom: 10px;
}

@media only screen and (max-width: 530px) {
    #site-title a{
        font-size: 12vw;
        }
    }

@media only screen and (max-width: 500px) {        
    #wrapper {
        font-size:20px;
        }

    article h2 {
        font-size: 52px;
        }

    article h1, .single article h1 {
        font-size: 52px;
        }

    h3 {
        font-size:32px;
        }
    }