/*
Theme Name: SAHA
Theme URI: http://www.saha.de/
Author: Weh Communications GmbH
Author URI: http://www.communications.de/
Description: Das individualisierte WordPress-Theme fuer die S.A.H.A. Handels- und Beratungsgesellschaft mbH.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saha
Tags: individual

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,100i,300,300i,400,400i,500,500i,700,700i');*/ /* font-family: 'Source Sans Pro', sans-serif; */

* { margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box; }
html, body { font-family:'Source Sans Pro',sans-serif;font-size:21px;line-height:1.4em;color:#000000;font-weight:400;height:100%}
 
a img { border:none; }
.clearboth { clear:both;line-height:1px;height:0px;font-size:1px;color:transparent; }
.border-bottom { border-bottom:2px solid #ededed; }


.italic { font-style:italic; }
.uppercase { text-transform:uppercase; }

.container-header { background:#ffffff;color:#000000;padding:25px; }
.container-header a { color:#000000;text-decoration:none; }
.container-header .wrapper-base { height:45px; }
.container-header .logo-claim { float:left;height:45px; }
.container-header .logo-claim img { height:45px; }
.container-header .menu-main-navigation-container { float:right; }
.container-header .menu-main-navigation-container ul { display:flex;list-style-type:none;text-transform:uppercase;margin:0 20px 0 0; }
.container-header .menu-main-navigation-container ul li { margin-right:20px;font-weight:400;font-size:20px;line-height:45px;height:45px; }
.container-header .menu-main-navigation-container ul li:last-of-type { margin:0; }
.container-header .menu-main-navigation-container ul li.current-menu-item a { color:#306994;font-weight:600; }
.container-header .mobile { display:none; }
.container-header .mobile-button { display:none;width:auto;float:right;padding:22px 0px 20px 0px;font-size:25px;cursor:pointer; }
.container-teaser { height:90%; }
.header-background { height:300px; }
.front-page { height:400px; }
.wrapper-content { padding:30px 0;background:rgba(255, 255, 255, 1); }
.wrapper-content .wrapper-base { width:100%;position:relative;z-index:10;padding:25px;text-align:center; }
.wrapper-content .wrapper-base h1 { font-weight:400;font-size:36px;line-height:36px;margin-bottom:20px;color:#306994; }
.wrapper-content .wrapper-base h2 { font-size:24px;line-height:24px;font-weight:400;margin-bottom:20px; }
.wrapper-content .wrapper-base h3 { text-transform:uppercase;font-size:18px;line-height:24px;color:#306994; }
.wrapper-content .wrapper-base hr { width: 10%;border:2px solid rgb(48, 105, 148);border-radius:10px;margin:20px auto 25px; }
//.wrapper-content .icon-columns-2 { display:inline-block; }
//.wrapper-content .icon-columns-2 .wp-block-column { margin:0;text-align:justify; }
//.wrapper-content .icon-columns-2 .wp-block-column:nth-child(1)  { color:#306994;float:left;width:60px;margin-right:5px; }
//.wrapper-content .icon-columns-2 .wp-block-column:nth-child(1) i.fas { font-size:45px; }
//.wrapper-content .icon-columns-2 .wp-block-column:nth-child(2)  { float:left;width:93%; }
.wrapper-content .front-page-columns-4 {  }
.wrapper-content .front-page-columns-4 .wp-block-column { padding:0;margin:0 16px 16px; }
.wrapper-content .front-page-columns-4 .icon-columns-2 { display:inline-block; }
.wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column { margin:0;text-align:left; }
.wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(1)  { color:#306994;width:60px;margin-right:5px;float:left; }
.wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(1) i.fas { font-size:45px; }
.wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(2)  { width:65%;float:left; }

.container-content { padding:30px 350px; }
.container-content h1 { font-weight:400;font-size:36px;line-height:36px;margin-bottom:20px;color:#306994; }
.container-content h2 { font-weight:400;font-size:28px;line-height:28px;margin-bottom:10px; }
.container-content h3 { font-weight:400;font-size:26px;line-height:26px;margin-bottom:10px;color:#306994; }
.container-content h4 { font-weight:400;font-size:24px;line-height:24px; }
.container-content p { margin:0 0 15px 0; }
.container-content a { color:#306994;text-decoration:none; }
.container-content a.link_card { text-decoration:underline; }
.container-content hr { width: 10%;border:2px solid rgb(48, 105, 148);border-radius:10px;margin:20px auto 25px; }
.container-content .wrapper-contenthead { margin:25px 0 50px 0; }
.container-content .wrapper-contenthead h1 { font-size:28px;font-weight:200;text-align:center;text-transform: uppercase; }
.container-content ul { margin-left:25px; }
.container-content ol { margin-left:25px;margin-bottom:20px; }
.container-content .datum .wp-block-column:nth-child(1) { flex-basis:25%;margin-right:0; }
.container-content .datum .wp-block-column:nth-child(2) { flex-basis:75%; }
.container-content .datum-tr .wp-block-column { margin-bottom:0; }
.container-content .karte img { height:auto; }
.container-content .karte-legende { text-align:center; }
.container-content .karte-legende i.schutz  { color:#306994; }
.container-content .karte-legende i.technik { color:#e52721; }

.container-footer { padding:25px;background-color:#ededed;font-size:18px;line-height:18px;color:#3c3c3b;width:100%;border-top:1px solid #306994; }
.container-footer a { text-decoration:none;color:#3c3c3b; }
.container-footer .company { float:left; }
.container-footer .menu-footer { float:right; }
.container-footer .menu-footer ul { display:flex;list-style-type:none; }
.container-footer .menu-footer ul li { padding:0 5px;border-right:1px solid #3c3c3b; }
.container-footer .menu-footer ul li:last-of-type { border:none; }

/* =WordPress Core - START */
/* -------------------------------------------------------------- */
.alignnone { margin:0; }
.aligncenter,
div.aligncenter { display: block; margin: 0px auto 0px auto; }
.alignright { float:right; margin: 4px 0px 10px 10px; }
.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.alignright { float: right; margin: 4px 0px 10px 10px; }
a img.alignnone { margin:0; }
a img.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin:0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* -------------------------------------------------------------- */
/* =WordPress Core - END */

@media only screen and (max-width: 1024px) {
  .container-header .wrapper-base { height:35px; }
  .container-header .logo-claim { float:left;height:35px; }
  .container-header .logo-claim img { height:35px; } 
  .container-header .menu-main-navigation-container ul li { font-size:18px;height:35px;line-height:35px; }
  .container-content { padding:30px 50px; }
  .background { position:relative; }
  .background img{ margin: 0;position:absolute;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%); }
  
  .wrapper-content .front-page-columns-4 { display:inline-block; }
  .wrapper-content .front-page-columns-4 .wp-block-column { padding:0;margin:0; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 { display:inline-block;margin-bottom:20px; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column { margin:0;text-align:justify;position:relative; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(1)  { color:#306994;width:60px;margin-right:5px;float:left; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(1) i.fas { font-size:45px; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(2)  { width:91%;float:left; }
}

@media only screen and (max-width: 800px) {
  .container-header .wrapper-base { height:auto; }
  .container-header .mobile { display:block; }
  .container-header .menu-main-navigation-container { width:50%;text-align:right; }
  .container-header .menu-main-navigation-container ul { display:inherit; }
  .container-header .menu-main-navigation-container ul li { width:100%; }
  .container-header .menu-main-navigation-container ul li.nav_action { color:#000000; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(2)  { width:88%;padding-left:10px; }
  .container-content { padding:0px 30px 25px; }
  .container-content .wrapper-contenthead { margin:15px 0 25px; }
  .container-content .datum { flex-wrap:nowrap; }
}

@media only screen and (max-width: 630px) {
  .wrapper-content .wrapper-base { width:100%;margin:0 auto 0 }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(2)  { width:83%; }
  .container-footer { height:auto; }
  .container-footer .company { width:100%;text-align:center;padding-bottom:20px; }  
  .container-footer .menu-footer { width:100%; }
  .container-footer .menu-footer ul { display:inherit;text-align:center; }
  .container-footer .menu-footer ul li { padding-bottom:20px;border:none; }
  .container-footer .menu-footer ul li:last-of-type { padding-bottom:0px; }
  .container-content .datum { flex-wrap:wrap; }
}

@media only screen and (max-width: 425px) {
  .container-header {  }
  .container-header .logo-claim { line-height:35px; }
  .container-header .logo-claim img { height:25px; }
  .container-header .menu-main-navigation-container ul { margin:0; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(1)  { width:100%;text-align:center; }
  .wrapper-content .front-page-columns-4 .icon-columns-2 .wp-block-column:nth-child(2)  { width:100%; }
  .container-content .datum .wp-block-column:nth-child(1) { flex-basis:100%;margin:0; }
  .container-content .datum .wp-block-column:nth-child(2) { flex-basis:100%; }
}