/*
Theme Name: flipping rocks
URL:
Description: 
Author: 
Author URL:
Version: 
Template: Divi
*/
 
 /*==========================================
 Farben
 ==========================================*/  
/*
blau:  #006eb1
orange: #f38e00
schwarz: #252e33 ;
*/
  
/*==========================================
 Menu
 ==========================================*/ 
/*
li.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
*/ 
/*animierte Linie von Menu-Punkten */  
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 bottom: 35%;
 background: #f38e00;
 height: 4px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}

/* hover state submenu */
#top-menu li li a:hover { background-color:inherit; } 

/* unterstriche bei submenu */
#top-menu .current-menu-item li a::before,
#top-menu .current_page_item li a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 100%;
}

#top-menu li li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 5%;
 background: #f38e00;
 height: 4px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li li a:hover {
 opacity: 1 !important;
}
#top-menu li li a:hover:before {
 right: 0;
}


/* box-shadow für Ausklappmenu */
.nav li ul {
    box-shadow: 0px 20px 75px -17px rgba(0,0,0,0.25);
}

/*==========================================
 Header
 ==========================================*/ 
#main-header {
    box-shadow: 0px 20px 75px -17px rgba(0,0,0,0.25);
}

@media (min-width: 981px) {
#main-header.et-fixed-header {
    box-shadow: 0px 20px 75px -17px rgba(0,0,0,0.25);
}
}

/*
.et_pb_fullwidth_header {
    padding: 50px 0;
}
*/

/*==========================================
 Logo
 ==========================================*/

@media only screen and (min-width: 981px) {
#logo {
}
}
/*

@media only screen and (min-width: 981px) {
#logo {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);
}
}

*/
/*==========================================
 Allgemein
 ==========================================*/

/* Überschriften */ 
 
h1 {
  font-size: 60px;  
}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
   h1 {
  font-size: 35px;  
}
}

h2 {
  line-height: 1.22em;
  font-weight: 500;
  font-size: 43px;
  color: #006eb1;
  padding-bottom: 35px;
}


h3 {
  font-size: 32px !important;
  color: #006eb1;
}


.intro {
  font-family: dosis, sans-serif; 
  font-weight: 500;
  font-size: 26px;
  color: #252e33 ;
  line-height: 1.3em; 
}

.intro_dark  {
  font-family: dosis, sans-serif; 
  font-weight: 500;
  font-size: 26px;
  color: #fff ;
  line-height: 1.3em; 
}

/*==========================================
 Buttons
 ==========================================*/
/*
.et_pb_button, 
.et_pb_button:hover {
    box-shadow: 0 3px 6px #00487b !important;
}

*/
/*==========================================
 Pullquotes
 ==========================================*/
 
/*Pull quote text styling*/
blockquote.et-pullquote p {
font-size: 22px;
line-height: 35px;
font-style: italic;
letter-spacing: 1px;
color: #666;
font-weight: 300;
}
 
/*Pull quotes with open quotation mark*/
 
blockquote.et-pullquote.left.quote, blockquote.et-pullquote.right.quote{
position: relative;
border-left: none;
}
 
blockquote.et-pullquote.left.quote:before {
    content: "\201C";
    font-size: 75px;
    position: absolute;
    top: 10px;
    left: -16px;
    font-family:'open sans';
    color: #888;
}
 
blockquote.et-pullquote.right.quote:before {
    content: "\201C";
    font-size: 75px;
    position: absolute;
    top: 10px;
    left: -16px;
    font-family: lato;
    color: #888;
}
 
/*==========================================
 Slider
 ==========================================*/
 
#et-main-area { overflow: hidden;} 
.schraege::before,.schraege::after {
    position: absolute;
    content: '';
    pointer-events: none;}
.schraege {
    z-index: 9999;
    padding-top: 6em;
}
.schraege::before,.schraege::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;}

/*==========================================
 D-Blurb
 ==========================================*/

div.et_pb_main_blurb_image {
  padding-right: 15px;
}

 .et_pb_blurb_container h4  { 
  color: #006eb1; 
  font-weight: 400 !important;
}

.et_pb_blurb_container p {
  color: #919090;
  line-height: 1.6em;
  font-weight: 400;
}



/*==========================================
 D-Overlay
 ==========================================*/
 
.et_overlay::before {
    font-size: 36px;    
    content: "\4c";
    font-weight: bold;
    color: #fff !important;
}

.et_overlay {
    /*background-image: linear-gradient(-60deg,rgba(66, 126, 209, 0.8),  rgba(42, 246, 177, 0.8));*/
    border: 0 none;
   /* background-color: transparent; */
    background-color: rgba(66, 126, 209, 0.8);
}
   

/*==========================================
  Startseite
 ==========================================*/ 

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
#icon-start div.et_pb_main_blurb_image {
    padding-right: 0px !important;
}
#icon-start .et_pb_main_blurb_image {
    width: 60px !important;
}
}


 /*==========================================
  Methoden
 ==========================================*/ 

/******* From Bottom *******/
.bottom-animated.et-animated {
  opacity: 1; 
  -webkit-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  -moz-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  -o-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
}

/******* Mobile Device *******/
/*@media only screen and (max-width: 1023px) {
.cta_custom {
    top: 5px !important;
    position: relative;
}
}
*/
/******* Desktop *******/
/*
@media only screen and (min-width: 1024px) {
.cta_custom {
    top: 35px !important;
    position: relative;
}
}
*/
/******* Large Screen, Mac 24' ---> *******/
/*
@media only screen and (min-width: 1600px) {
  .cta_custom.et_pb_promo {    
    padding-top: 18% !important;
  }
}
*/

@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
   .page-id-24945 h3 {
   font-size: 28px !important;
}
} 

 
/*==========================================
  Cookie Notice
 ==========================================*/ 

#cookie-notice .button.bootstrap {
  background-color: #fff;
  background-image: none;
  color: #006eb1;  
}

#cookie-notice .button.bootstrap:hover {
  background-color: #006eb1;
  background-image: none;
  color: #fff;
}

/*==========================================
  Contact Seite
 ==========================================*/ 
/* button und captcha */ 
.et_contact_bottom_container .et_pb_contact_submit {
  position: relative;
  top: 2px;
}

/*==========================================
  Search
 ==========================================*/ 
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
#et_top_search {
    margin: 8px 0 0 22px;
}
}