/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/


@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;1,500&family=Source+Sans+Pro:wght@700&display=swap');

body 						{font-family: 'Alegreya', serif !important; font-weight: 400 !important;}
h1, h2, h3, h4, h5, h6 		{font-family: 'Source Sans Pro', sans-serif; font-weight: 700 !important;}


h1, h2 						{padding-bottom: 15px !important; border-bottom: 4px solid #005fa1 !important; margin-bottom: 40px !important; display: inline-block !important; font-size: 45px !important; line-height: 120%;}
h3, .wpex-carousel-entry-title	{font-family: 'Source Sans Pro', sans-serif; font-weight: 700 !important; margin-bottom: 12px !important; font-size: 35px !important; line-height: 120% !important;}

blockquote {
    font-size: 24px !important;
    font-weight: 500 !important;
    border: none !important;
    margin: 0vw 0 3vw 0 !important;
    color: #005fa1;
     font-style: italic;
    padding-left: 0 !important;
    background: none !important;
}

a   						{text-decoration: underline;}
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .entry-title a:hover, .meta a:hover {
    color: inherit !important;
}
p 							{margin: 0 0 1vw;}

.wpb_text_column			{margin-bottom: 2vw;}

.theme-button, input[type="submit"], button, #site-navigation .menu-button > a > span.link-inner, .button, .added_to_cart {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid;
    border-radius: 0;
    padding: 0px 12px !important; font-family: 'Source Sans Pro', sans-serif; font-weight: 700 !important;
    margin-bottom: 3vw;
}


/* Header */
#site-header 	{-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.1); box-shadow: 0px 2px 5px rgba(0,0,0,0.1); height: 70px;}

#site-header.header-one.wpex-full-width, #site-header.header-five.wpex-full-width {padding-left: 2vw !important; padding-right: 2vw !important;}
#site-logo img 				{display: inline; vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; height: 43px;}
#site-header-inner 			{position: relative; padding-top: 15px; padding-bottom: 15px; height: 100%;}
.navbar-style-one .dropdown-menu > li.menu-item > a {padding: 0; color: #000;}
.navbar-style-one .dropdown-menu > li.menu-item > a > span.link-inner {padding: 0; color: #000;}
.navbar-style-one .dropdown-menu > li.menu-item > a > span.link-inner::after {content: '|'; padding: 0 15px ; display: inline-block; color: #000; }
.firsticon 						{margin-left: 10vw;}
.navbar-style-one .dropdown-menu > li.menu-item.no-icon-margin	 > a > span.link-inner 			{padding: 0px; margin-right: 10px; font-size: 1.5vw; margin-top: 5px;}
.navbar-style-one .dropdown-menu > li.menu-item.no-icon-margin	 > a > span.link-inner::after 	{content: none;}
.wpex-dropdown-top-border #site-navigation .dropdown-menu li.menu-item ul.sub-menu {margin-top: 9px; margin-left: -15px;}


/* Mobile Menu */
.full-screen-overlay-nav 			{z-index: 9999999999;}
.full-screen-overlay-nav.black 		{background: #005fa1; color: #fff;}
.full-screen-overlay-nav.black a 	{opacity: 1; text-decoration: none;}
.full-screen-overlay-nav .no-icon-margin {display: inline-block;  margin: 5vw 3vw !important; opacity: 1;}
.full-screen-overlay-nav-menu ul.sub-menu {font-size: 20px;}



/* Grundstrukur */
#content-wrap 					{}
.trennlinie 					{margin: 4vw 0 6vw !important; display: block; border-top:4px solid #ebf2f7 !important; }
.trennlinie .vc_sep_line		{}
.blau							{background-color:#ebf2f7; background-image: url("/wp-content/uploads/2020/05/hintergrund-wellen.png"); background-repeat: no-repeat; background-size: cover; background-position: left top !important;}
.home .header-one-logo			{display: table !important;}
.page-slider					{z-index: 99998 !important; position: relative;}

.home .is-sticky .header-one-logo			{display: table !important;}
 

/* Startseite */
.boxWasserbotschafter			{margin-bottom: -7vw !important; float: left;}
.wasserbotschafter				{position: fixed; right: 0; bottom: 2vh; z-index: 99999999; width: 250px;}/*17vw*/
.dasblauewunderlogo             {position: absolute; left: 6vw; top: -45vw; z-index: 99999999; width: 12vw; display: none !important;}

.ytp-pause-overlay-controls-hidden .ytp-pause-overlay {display: none !important;}

/* Portfoio */



.portfolio-entry-details		{position: relative;background: none; border: none; padding: 0; width: 45%; float: left;}
.portfolio-entry-categories 	{position: absolute; top:5px; left:0; background: #005fa1; color: #fff; padding: 3px 10px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif;
}
pre 							{border: none; margin-bottom: 0;  background: #005fa1; color: #fff; padding: 3px 10px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif; display: inline-block; width: auto;
}
.portfolio-entry-categories a:hover {color: #fff;}
.portfolio-entry-title			{padding-top: 50px;}
.portfolio-entry.vcex-grid-item {margin: 4vw 0; background:transparent;}
.portfolio-entry-media			{width: 50%; float: left;}
.portfolio-entry-media img 		{width: 90%; float: left;}


.rechts .portfolio-entry-media 	{float: right;}


.portfolioraster .portfolio-entry-inner 	{max-width: 1010px; margin: auto;}
.portfolioraster .portfolio-entry:nth-child(even) {padding: 4vw 0; background: #fff;}
.portfolioraster .portfolio-entry:nth-child(even) .portfolio-entry-media {float: right;}

.wpb_video_widget 				{margin-top: 4vw;}



.single-portfolio .owl-carousel .owl-item,
.vc_tta-panels .owl-carousel .owl-item {float: left;
user-select: none;
background: #fff;
padding: 0 !important;
margin-bottom: 2vw; height: auto !important}



/* Impressionen */

.overlay-excerpt 								      {color: #fff !important;}
.overlay-title-excerpt-hover 	                      {background-color: #669fc7 !important;}
.vc_gitem-post-data-source-post_title				  {display: none;}
.vcex-image-grid-entry-excerpt                        {margin: 0; display: none; height: 0;}
.overlay-title-excerpt-hover .overlay-title           {display: none;}
.wpex-image-hover.fade-in img, .wpex-image-hover.fade-out:hover img {opacity: 1;}

/* Accordionn*/ 
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {padding: 0; border-top:4px solid #ebf2f7 !important; padding-left: 0 !important; color: #000 !important; padding-top: 2vw !important;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: white !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body {padding: 0 !important; margin-bottom: 4vw; }

/* Blog */
.headerbild						{width: 98vw; padding:2vw 2vw 2vw 2vw; margin-bottom: 4vw !important;}
.bloggalerie.owl-carousel .owl-item 		{float: left; user-select: none; background: #669fc7; padding: 1.3vw;}
.bloggalerie .wpex-carousel-entry-details 	{color: #fff; background: transparent; padding: 0; border: 0; position: relative;}
.bloggalerie .vcex-carousel-entry-date		{position: absolute; top: 0; left: 0; background: #fff; color: #000; padding: 3px 10px; font-weight: bold; font-family: 'Source Sans Pro', sans-serif;}

.bloggalerie.owl-carousel .entry-title		{color: #fff; padding-top: 50px; }
.bloggalerie.owl-carousel .entry-title	 a	{text-decoration: none !important;}

.wpex-carousel.arrwstyle-slim.arrwpos-abs .owl-prev, .wpex-carousel.arrwstyle-slim.arrwpos-abs .owl-next {font-size: 71px;}
.wpex-carousel.arrwpos-abs .owl-prev {left: -4vw !important;}
.wpex-carousel.arrwpos-abs .owl-next {right: -4vw !important;}
.wpex-carousel.arrwpos-abs.arrwstyle-min .owl-prev, .wpex-carousel.arrwpos-abs.arrwstyle-min .owl-next {background: none; color: #000; font-size: 24px;}

.meta {
    list-style: none;
    margin: 0 0 5vw;
    font-size: 1em;
    color: #000;
    border-bottom: 4px solid #ebf2f7;
    padding-bottom: 12px;
}
.bloggalerie.wpex-carousel.arrwpos-abs.arrwstyle-min .owl-prev, .wpex-carousel.arrwpos-abs.arrwstyle-min .owl-next {
    color: #000;
}

.footerdescription .vc_column_container > .vc_column-inner {padding: 0;}
.footerdescription {
    list-style: none;
    margin: 2vw 0 0;
    font-size: 1em;
    color: #000;
    border-top: 4px solid #ebf2f7 !important;
    padding-top: 12px; margin-bottom: 8vw !important;
}

.wpex-social-share.position-horizontal, .social-share-title {display: none; text-align: right;}
.sociallist						{display: block; float: right; margin-bottom: -50px;}
.sociallist	label				{display: inline-block; padding-left: 33px; margin-left: 15px; background-size: contain; background-repeat: no-repeat; background-position: left center; cursor: pointer;}
#printbtn						{background-image: url("/wp-content/uploads/2020/05/drucken.png");}
#sharebtn						{background-image: url("/wp-content/uploads/2020/05/teilen.png");}
.wpex-social-share.position-horizontal {position: absolute; right: 12px; top: 45px; margin-bottom: 0;}
.wpex-social-share .wpex-label	{display: none;}
.ticon							{font-size: 19px;}

ul.meta  li {padding: 0; color: #000; margin: 0;}
ul.meta  li::after {content: '|'; padding: 0 15px ; display: inline-block; color: #000; }

.vollebreite			{margin: 2vw 0 2vw !important}
.wpb_single_image .vc_figure, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure, .wpb_single_image img {width: 100%;}
.wpex-social-share.style-minimal li a {color: #fff; border: none; background: #005fa1; line-height: 100%; font-size: 13px;}
.dasblauewunderlogo .vc_single_image-wrapper {background: #fff;padding: 15px;}
.vc_tta-accordion			{margin-top: 4vw;}


/* Footer */
#footer-builder	{color:#fff; margin-top: 4vw;}
#footer-builder	 a {color:#fff; text-decoration: none;}
#footer-builder	 img {max-width: 210px;}
#footer-builder h2	{color:#fff; font-size: 27px !important; border: none !important; padding: 0 !important; margin-bottom: 0.5vw !important;}
#footer-builder .vc_row { background-size:cover; }


/* Mobile */ 
/* ------------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
    
    
    /* titel */
    h2                          {-ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
    h3, .wpex-carousel-entry-title {font-size: 8vw !important;}
    
	
	/* Header */
	.headerbild					{width: 100vw; padding:0vw; margin-bottom: 4vw !important;}
	#site-logo img 				{height: 43px;}
	.home .header-one-logo 		{display: table !important;}
	.home .dasblauewunderlogo	{display: none;}
	
	
	/* Allgemein */
	.vc_column_container > .vc_column-inner {padding:0 }
	.vc_row 					{margin: 0;}
	.wpex-row .col 				{padding: 0;}
	.wpex-row .span_1_of_1.col	{background: none;}
	
	blockquote 					{margin-bottom: 7vw;}
	p 							{margin: 0px 0 5vw;}
	
    
    /* Blog */
    .bloggalerie.owl-carousel .owl-item {padding: 20px;}
	
	
	/* Home */
	.wasserbotschafter 			{width: 180px; bottom: 0;} /*54vW*/
	
	
	/* Porftolio */
	.meta, .sociallist label	{font-size: 15px;}
	.sociallist label 			{padding-right: 33px; padding-left: 0; background-position: right center;}
	#printbtn					{display: none;}
	.portfolio-entry.vcex-grid-item {margin: 4vw auto; max-width: 85%;}
	.wpex-social-share.position-horizontal {right: -11px; top: -42px;}
	ul.meta li::after 			{padding: 0 5px;}
	
	.portfolio-entry-details, .portfolio-entry-media, .portfolio-entry-media img {width: 100%;}
	.vollebreite				{margin: 7vw 0 7vw !important}
	.owl-carousel				{margin-top: 7vw;}
	.owl-carousel .owl-item 	{padding: 15px;}

	.wpex-carousel.arrwpos-abs .owl-prev {left: -45px !important; font-size: 19px;}
	.wpex-carousel.arrwpos-abs .owl-next {right: -45px !important;}
	.wpex-carousel.owl-carousel .owl-item img {width: 100%;}
	
	
	
	
	/* Footer */	
	#footer-builder p, body #footer-builder .textcenter			{text-align: left !important;}
	#footer-builder .footer-logo 		{margin-top: 7vw;}
}


