/*
 Theme Name: Visible7-Child-Theme
 Theme URI: https://www.visible7.at/
 Description: Child-Theme
 Author: Visible7
 Author URI: https://www.visible7.at/
 Template: Divi
 Version: 1.0.0
 Tag: divi, child-theme, rawbone, easy-to-use, visible7, 
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*  ==================================================================
	STANDARD CSS =====================================================
	==================================================================  */


/*Read more button stile*/

.more-link {
    background-color: #2f8fb0;
    display: inline-block !important;
    color: #000;
    padding: 5px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

.more-link:hover {
   
	animation-name: fadeInOpacity;
	animation-timing-function: ease-in;
	animation-duration: 0.2s;
	font-size: 16px;
}
@keyframes fadeInOpacity {
	0% {
		font-size: 14px;
	}
	100% {
		font-size: 16px;
	}
}


.dtb-post-wrap{background-color: #018b98;
    padding: 20px;}

.dtb-post-wrap.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a {

	font-weight: 600;	
	color:#fff;}

.dtb-post-wrap .entry-title{color:#fff;}

.wpcf7-submit{
 
	
color: #ffffff;
     font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    line-height: 1.7em!important;
  
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
	cursor: default;
	pointer-events: none;
}



/*Überschriften*/

.et_pb_column .et_pb_module h1  {
  font-family: Lato, serif;
  font-weight: bold;
	font-size: 50px;
	color: #2f8fb0;
}

.et_pb_column .et_pb_module h2 {
  font-family: Lato, serif;
  font-weight: bold;
 font-size: 42px;
	color: #2f8fb0;
}

.et_pb_column .et_pb_module h3 {
  font-family: Lato, serif;
  font-weight: 700;
	font-size: 36px;
		color: #2f8fb0;
}

.et_pb_column .et_pb_module h4 {
  font-family: Lato, serif;
  font-weight: bold;
	 font-size: 28px;
	color: #2f8fb0;
}

.et_pb_column .et_pb_module h5 {
  font-family: Lato, serif;
  font-size: 22px;
  font-weight:900;
		color: #2f8fb0;
	text-transform: uppercase;
}

.et_pb_column .et_pb_module h6 {
  font-family: Lato, serif;
  font-weight: bold;
 font-size: 18px;
		color: #2f8fb0;
}

/*Media querries Überschriften*/

/* Grosse Bildschirme über (1405px) */
@media only screen and ( min-width: 1405px ) { 
    /* hier dein css einfügen */
}
/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
   .et_pb_column .et_pb_module h1  {
  font-size: 50px;
	}

.et_pb_column .et_pb_module h2 {
 font-size: 42px;
}

.et_pb_column .et_pb_module h3 {
  font-size: 36px;
}

.et_pb_column .et_pb_module h4 {
  font-size: 28px;
}

.et_pb_column .et_pb_module h5 {
  font-size: 22px;
}

.et_pb_column .et_pb_module h6 {
 font-size: 18px;
	}
}
/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
 .et_pb_column .et_pb_module h1  {
  font-size: 50px;
	}

.et_pb_column .et_pb_module h2 {
 font-size: 42px;
}

.et_pb_column .et_pb_module h3 {
  font-size: 36px;
}

.et_pb_column .et_pb_module h4 {
  font-size: 28px;
}

.et_pb_column .et_pb_module h5 {
  font-size: 22px;
}

.et_pb_column .et_pb_module h6 {
 font-size: 18px;
}
}
/* Tablets in Portrait-Modus zwischen (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
  .et_pb_column .et_pb_module h1  {
  font-size: 50px;
	}

.et_pb_column .et_pb_module h2 {
 font-size: 42px;
}

.et_pb_column .et_pb_module h3 {
  font-size: 36px;
}

.et_pb_column .et_pb_module h4 {
  font-size: 28px;
}

.et_pb_column .et_pb_module h5 {
  font-size: 22px;
}

.et_pb_column .et_pb_module h6 {
 font-size: 18px;
}
}
/* Smartphones in Landscape-Modus zwischen (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
 .et_pb_column .et_pb_module h1  {
  font-size: 50px;
	}

.et_pb_column .et_pb_module h2 {
 font-size: 42px;
}

.et_pb_column .et_pb_module h3 {
  font-size: 36px;
}

.et_pb_column .et_pb_module h4 {
  font-size: 28px;
}

.et_pb_column .et_pb_module h5 {
  font-size: 22px;
}

.et_pb_column .et_pb_module h6 {
 font-size: 18px;
}
	}

/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {
  .et_pb_column .et_pb_module h1  {
  font-size: 24px;
	}

.et_pb_column .et_pb_module h2 {
 font-size: 24px;
}

.et_pb_column .et_pb_module h3 {
  font-size: 24px;
}

.et_pb_column .et_pb_module h4 {
  font-size: 28px;
}

.et_pb_column .et_pb_module h5 {
  font-size: 22px;
}

.et_pb_column .et_pb_module h6 {
 font-size: 18px;
}
}


@media only screen and (max-width: 767px){
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {text-align: center;}}

@media only screen and (min-width: 980px) and (max-width: 1330px){
.menu-item i._mi {
    width: 16px;
	height: 16px;}
	.dashicons{font-size: 1.5em !important; }
	
	
	.a3b5998, .ac4302b, .aacc66d, .a14b0a5, .a0a5b54, .a7e212c, .aaa641e, .a869dab, .a632a7e, .afe5858 {
   
    padding: 16px 11px 15px 20px;
    border-radius: 9px;
    padding-right: 14px !important;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-right: 18px;
}
}


/************* CSS standart ***************/

.et_pb_section_0.et_pb_section{background-color: #2f8fb0;}

.et_pb_button{background-color: #2f8fb0;}

/****CSS VIMEO*****/

.vimeohinten .et_pb_code_inner{z-index: -10; height: 200px;}


/*CSS Divi NEXT*/

.dnxte_text_animation_0 .dnxt_next_text_animation {text-align: center !important;}	


/*TABS zentrieren*/

/*---------- [Equalise the Tabs] ----------*/
.equal-tabs .et_pb_tabs_controls li {
    width: 16.6%; /*change width of tabs here depending on the number of tabs you have*/
    text-align: center;
}
@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
.equal-tabs .et_pb_tabs_controls li {
    width: 100%; 
  text-align: center;
}
}

.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block !important;
	content: "\e04f";
}

/********TABS*/

/* Style the Blurbs Tabs */
#blurb-tabs .et_pb_column {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}
#blurb-tabs .tab-title {
	width:25%;
	
}




@media (max-width: 767px ) {
	#blurb-tabs .tab-title {
		width:50%;
	}
}
@media (max-width: 479px ) {
	#blurb-tabs .tab-title {
		width:100%;
	}
}


/* Tab Titles Mobile Styles */
@media (max-width: 767px ) {
	#blurb-tabs .tab-title {
		width:50%;
	}
	#blurb-tabs .tab-title .et_pb_main_blurb_image {
		margin-bottom:10px; /* Reduce icon bottom margin */
	}
}

@media (max-width: 479px ) {
	#blurb-tabs .tab-title {
		width:100%;
	}
	#blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */
		display:flex;
		align-items:center;
		justify-content:flex-start;
	}
	#blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
		margin-bottom:0;
		margin-right:30px;
	}
}


/* Hover Styles for Blurb Tabs - Titles */
#blurb-tabs .tab-title {
	transition:all .3s ease-in-out;
}
#blurb-tabs .tab-title:hover {
	cursor:pointer; 
	background:#222; /* Tab hover background color */
}
#blurb-tabs .tab-title.active-tab {
	background:#666; /* Active tab background color */
}
#blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a {
	color:#2f8fb0; /* Active tab title color */
}
#blurb-tabs .tab-title.active-tab .et-pb-icon {
	color:#fff!important; /* Active tab icon color */
}

/* Hide the tabs content/sections */
.tab-content {
	display:none;
}
.tab-open {
	display:block;
}

.et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
}

#main-header .et_mobile_menu li ul.sub-menu.hide {
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}

#main-header .et_mobile_menu li ul.sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

.et_mobile_menu .menu-item-has-children > a:after {
  content: 'vbnvbn';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ffffff;
	position: absolute;
  right: 25px;
}

.et_mobile_menu .menu-item-has-children > a:hover:after {
	border-top: 7px solid #cc0000;
}


/*****MENÜ*****/
.et-menu li{cursor: pointer;}

.a3b5998{
	background-color: #3b5998;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.a632a7e{
	background-color: #632a7e;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.a869dab{
	background-color: #869dab;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.aaa641e{
	background-color: #aa641e;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.a7e212c{
	background-color: #7e212c;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.a0a5b54{
	background-color: #0a5b54;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.a14b0a5{
	background-color: #14b0a5;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.aacc66d{
	background-color: #acc66d;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.ac4302b{
	background-color: #c4302b;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}

.afe5858{
	background-color: #fe5858;
	padding: 20px 20px 12px 20px;
	border-radius: 12px;
}


.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px;
}

.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {margin-right: 20px;}


    



@media only screen and (max-width: 980px) {.a3b5998, .ac4302b, .aacc66d, .a14b0a5, .a0a5b54, .a7e212c, .aaa641e, .a869dab, .a632a7e, .afe5858{
  
 margin-bottom: 20px;

	
	
	}
}



@media only screen and (max-width: 767px){
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {text-align: center;}}





@media only screen and (max-width:980px) and (min-width:200px) {
/* der erste Wert kann der normale Standardwert sein für Divi, der zweite ein beliebiger kleinerer Wert */
 .et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display:block!important;
  }
.et_mobile_nav_menu  { 
    display: none!important;
  }
}


@media only screen and (max-width: 1330px) and (min-width: 200px) {
  
.menu-item i._mi {
    width: 16px;
	height: 16px;}
	.dashicons{font-size: 1.5em !important; }
	
	
	.a3b5998, .ac4302b, .aacc66d, .a14b0a5, .a0a5b54, .a7e212c, .aaa641e, .a869dab, .a632a7e, .afe5858 {
   
    padding: 13px 11px 17px 20px;
    border-radius: 9px;
    padding-right: 17px !important;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-right: 13px;
	}}

/******MOBILE CHANGE*******/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}