/* CLASS MOBILE / NOMOBILE IN DESKTOP-SCREEN //////////////// */

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here… */
}
div.mobile {
  display: none;
}

div.nomobile {
  display: table-cell;
}

body.cms_editpage div.mobile {
  display: table-cell;
}

/* ///////////// FOOTER POSITION RELATIVE BEI LOW-SCREEN //////////////// */

@media only screen and (max-height: 870px) {
  footer {
    position: relative;
  }
  main {
    padding: 10px 0 55px;
  }
}

/* Desktop und Notebook */

@media only screen and (max-width: 1690px) {
  body #mainnavigation ul.level1>li {
    padding: 0 15px 8px;
  }
}

@media only screen and (max-width: 1500px) {
  div.centered {
    width: 82%;
  }
  div#theme div#theme_text.text-short {
    width: 60%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  div#theme div#split-img {
    right: 0;
    width: 40%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  #content div.box .cmsCell>div {
    min-height: 200px !important;
  }
}

@media only screen and (max-width: 1370px) {
  /*body #mainnavigation ul.level1>li {
    padding: 13px 10px 4px;
  }*/
  div.centered {
    width: 85%;
  }
}

@media only screen and (max-width: 1280px) {
  div.centered {
    width: 96%;
  }
}

@media only screen and (max-width: 1150px) {
/*  body {
    font-size: 16px;
  }*/
  #theme #theme_text h1 {
    font-size: 2.7em;
    /*margin-top: 100px;*/
  }
  #theme #theme_text .lead {
    font-size: 1.31em;
  }
  #logo {
    max-height: 80px;
    margin-left: 1em;
    left: 0;
    top: 24px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #logo img {
    max-height: 80px !important;
    width: auto !important;
  }
  #footer {
    font-size: 0.9em;
    line-height: 1.25em;
  }
  footer div#lower-footer {
    padding-top: 13px;
  }
}

@media only screen and (max-width: 1050px) {
  #logo {
    max-height: 65px;
    max-width: auto;
    top: 37px;
    width: auto !important;
  }
  #logo img {
    max-height: 65px !important;
    width: auto !important;
  }
  #mainnavigation {
    font-size: 95%;
  }
  #content div.kontaktBox div.kontaktBild p span.hintergrundGruen{
    font-size: 18px;
    line-height: 36px;
  }
}

@media only screen and (min-width: 971px) {
  body #mainnavigation>ul.level1>li ul.level2 .menuTitle, body.menu #mainnavigation>ul.level1>li ul.level2 .menuTitle {
    display: none !important;
  }
}

@media only screen and (max-width: 970px) {
  body.cms_editpage .nomobile {
    display: block;
  }
  #header {
    height: 80px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mainnavigation ul.level1.full>li.haschildren:hover {
    background: none;
  }
  #mainnavigation {
    font-size: 100%;
  }
  body.menu #quicklinks {
    z-index: 20;
    visibility: visible;
    opacity: 1;
    transition-delay: 0.5s;
  }
  #quicklinks {
    margin-top: 18px;
    margin-right: 80px;
  }
  #quicklinks a {
    padding: 15px 7px 0 !important;
  }
  #quicklinks a, #search {
    background-color: transparent !important;
  }
  #quicklinks {
    display: none !important;
  }

  #mobquick{
    margin-top: 20px;
    display: block;
    position: relative;
    height: 30px;
  }
  #mobquick ul{
      margin-left: 17px;
  }
  #mobquick ul > li {
    padding: 0 9px 8px !important;
  }
  #mobquick ul > li > a{
    color: #b3b3b3 !important;
    font-size: 0.9em !important;
  }
  #search {
    display: none !important;
  }
  #logo {
    max-height: 55px;
    top: 12px;
  }
  #logo img {
    max-height: 55px !important;
    width: auto !important;
  }
  #logo a {
    height: 100%;
    display: block;
  }
  #theme {
    margin-top: 80px;
  }
  /*#theme #theme_text h1 {
    font-size: 2.2em;
  }
  #theme #theme_text .lead {
    font-size: 1.12em;
  }*/

}

@media only screen and (min-width: 901px) and (max-width: 1100px){
	#content .kontakt > div > p:first-child{
		line-height: 18px;
	}
	#content .kontakt > div > h3{
		font-size: 1.3em;
	}
}

@media only screen and (min-width: 901px) and (max-width: 970px){
  #content .kontakt > div{
    padding-top: 2px;
  }
  #content .kontakt p:first-child,
  #content .team .overlayGelb p:first-child{
    padding-top: 5px !important;
    font-size: 14px;
    font-weight: 700;
  }

  #content .kontakt p,
  #content .team p{
    font-size: 13px;
  }
}
@media only screen and (max-width: 900px) {
  #content .navbox>div:last-child {
    margin: 0 7% 6% !important;
    width: 86% !important;
  }
  .mobile {
    display: table-cell;
  }
  .nomobile {
    display: none !important;
  }
  body.cms_editpage .nomobile {
    display: table-cell;
  }
  #content div.icon {
    width: 50% !important;
    clear: none !important;
  }

  #content .container div.img2{
    margin-top: 0;
  }

  #content .container div.img3 p.spende{
      display: block;
      position: relative;
      min-height: 200px;
  }

  #content .container div.boxBraun,
  #content .container div.boxGruen{
    min-height: 200px;
  }


  #content .kontakt>div{
    /*margin: 0 3% 0 3%;*/
    width: 100% !important;
  }

  #content .container p.spende,
  #content .container div.boxGruen,
  #content .container div.boxBraun{
    height: 368px !important;
  }

  #content div.boxBraun,
  #content div.img3,
  #content div.spende,
  #content div.boxGruen{
    width: 100% !important;
  }

  #content .container div.homeLinkKlein{
    font-size: 57px;
    line-height: 62px;
    font-family: 'CaeciliaLTPro-45Light';
    text-decoration: none;
    color: #fff;
  }

  #content p.textParagraph span.hintergrundGruen{
    font-size: 26px !important;
    line-height: 48px !important;
  }

  #content div.kontaktBox{
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 97% !important;
  }

}


@media only screen and (min-width: 901px) and (max-width: 1050px) {
		 #content h1{
			 font-size: 2.5em;
		 }
}


@media only screen and (min-width: 451px) and (max-width: 690px) {
		 #content h1{
			 font-size: 2em;
		 }
}

@media only screen and (max-width: 450px) {
		 #content h1{
			 font-size: 1.4em !important;
		 }
}

@media only screen and (min-width: 901px) {
  body div#content div.kontakt{
    width: 22% !important;
  }
}

@media only screen and (min-width: 550px) and (max-width: 900px) {
  #content div.infobox, #content div.team>div {
    /*width: 50% !important;*/
    clear: none !important;
  }
  #content .team .overlayGelb{
    margin: 25px 3% 0 3% !important;
    width: 94% !important;
  }


  body div#content div.kontakt{
      width: 47% !important;
  }
}

@media only screen and (max-width: 550px){
  #content .team .overlayGelb,
  #content .kontakt>div {
    margin: 0 1.5% 0 1.5%;
    width: 97% !important;
  }
  #content .kontakt{
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #content .kontakt > div{
    padding-left: 1.5% !important;
  }
}

/* ipad, galaxy, tablets*/

@media only screen and (max-width: 880px) {
  footer {
    position: relative;
  }
  main {
    padding: 10px 0 55px;
  }
  footer div.left {
    width: 50%;
  }
}

@media only screen and (max-width: 840px) {
  div#theme div#theme_text.text-short {
    width: 100%;
  }
  div#theme div#split-img {
    display: none;
  }
  #theme #theme_img {
    display: none;
  }
  #content h2 {
    /*font-size: 1.4em;*/
  }
/*  #content h3, #content p, #content li {
    font-size: 1.0625em;
    line-height: 1.28em;
  }*/
}

/* Galaxy smart */

/* Smartphones, Iphones */

@media only screen and (max-width: 570px) {
  #header div#logo {
    margin-left: 0.5em;
  }
  #header div#menu-toggle {
    right: 0.5em;
  }
}

@media only screen and (max-width: 549px) {
  #content .team .overlayGelb{
    position: relative;
    padding: 20px 1.5%;
  }
  #content .team .overlayGelb p:first-child {
    padding-top: 0px !important;
  }
  #content .team .overlayGelb {
    height: auto !important;
  }



@media only screen and (max-width: 500px) {
  #content .navbox>div:last-child {
    margin: 0 5% 6% !important;
    width: 90% !important;
  }
  /*div.icon>h2 {
    font-size: 1em !important;
  }*/
}

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

@media only screen and (max-width: 430px) {
  .hidden {
    display: none;
  }
  #content h1 {
    font-size: 1.9em;
  }
  #content h2 {
    font-size: 1.7em;
  }
  #content h3{
    font-size: 1.2em;
  }
  #content p, #content li {
    font-size: 0.85em;
    line-height: 20px;
  }
  #content strong, body#content strong{
    line-height: 1em;
  }

  #content .container div.homeLead{
    font-size: 16px;
  }

  footer div.centered div.left {
    float: none !important;
  }
  footer div.centered div.right {
    float: none;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 330px) {
  #logo {
    max-height: 45px;
    top: 16px;
  }
  #logo img {
    max-height: 45px !important;
    width: auto !important;
  }
}