/*
Theme Name: CeeQoo Child Theme for Divi
Theme URI: https://ceeqoo.com
Description: CeeQoo Child Theme for Divi
Author: CeeQoo
Author URI: https://ceeqoo.com
Template: Divi
*/

/* Start your custom CSS bellow this comment
============================================ */
/* Schriftdefinitionen */
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/poppins-lightitalic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-italic-webfont.woff2') format('woff2'),
         url('fonts/poppins-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/poppins-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Archivio';
    src: url('fonts/archivoblack-regular-webfont.woff2') format('woff2'),
         url('fonts/archivoblack-regular-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

body {
	font-family: "Poppins", Arial, sans-serif;
	color: #000000;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.55em;
  	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

/*keine Abteilungen*/
.nowrap{
    -webkit-hyphens: none!important;
    -moz-hyphens: none!important;
    -ms-hyphens: none!important;
    hyphens: none !important;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
	font-family: "Archivio", Arial, sans-serif;
}
h1 {
/*	font-size: 60px;
	line-height: 1.1em; */
	color: #989796;
}
h2 {
	font-family: "Poppins", Arial, sans-serif;
	font-size: 50px;
	line-height: 1em;
}
@media (max-width: 980px) {
  h2 {
    font-size: 36px;
    line-height: 1em;
}
}
@media (max-width: 768px) {
  h2 {
    font-size: 32px;
    line-height: 1em;
}
}	
h3 {
	font-family: "Poppins", Arial, sans-serif;
/*    font-size: 50px!important;
	font-weight: 700;
    line-height: 1.4em; */
	color: #FFFFFF;
}
h4{
	font-family: "Poppins", Arial, sans-serif;
	color: #FFFFFF;
    font-weight: 600;
/*    font-size: 2.4em!important;
    line-height: 1.4em;*/
}
h5 {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 400;
/*    font-size: 16px;
    line-height: 1.4em;*/
    color: #9B9B9B;
} 
h6 {
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 600;
	color: #777777;
/*    font-size: 16px;
    line-height: 1.4em;*/
}
.et_pb_text_16 a {
    color: #ffffff;
}
.et-menu-nav a {
	color: #777777;
}
.et-menu-nav a:visited {
	color: #777777;
}
/* Menü wird auch auf mobilen Geräten fixiert, die Höhe angepasst und das Dropdown-Menü scrollbar gemacht 
@media (max-width: 980px) {
    .et_non_fixed_nav.et_transparent_nav #main-header,
    .et_non_fixed_nav.et_transparent_nav #top-header,
    .et_fixed_nav #main-header, .et_fixed_nav #top-header {
        position: fixed !important;
        } 
    }
*/
.et_mobile_menu {
/*    overflow: scroll !important;
    max-height: 83vh; */
    } 
.et_pb_menu ul li a {
    text-align: center;
}

/* Menü auf Mobil anpassen 
@media (max-width: 980px) {
  	#main-header {
		height: 76px !important; 
    }
input.et-search-field {
 	   padding-left: 30px;
	}
}
.et_header_style_split .mobile_menu_bar,
.et_header_style_left .mobile_menu_bar {
  padding-bottom: 5px;
  }
*/
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* DAS ULTIMATIVE KONTAKTELEMENT */
/* Optional: Farbanpassungen für alle Quadrate(Textmodule) auf einmal */
/* (Die Klasse ultimatives-kontaktelement ist in allen einzelnen Quadraten(Textmodule) drinnen) */
.ultimatives-kontaktelement{
	/* Hintergrund-Farbe anpassen */
	background-color: #a3cc00 !important;
	/* Border-Farbe anpassen */
	border-width: 0px !important;
	border-color: #ffffff !important;
}
.ultimatives-kontaktelement:hover{
	/* Hintergrund-Hover-Farbe anpassen */
	background-color: #a3cc00 !important;
	opacity: 80% !important;
	/* Border-Hover-Farbe anpassen */
	border-width: 0px !important;
	border-color: #a3cc00 !important;
}
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*Telefon-Icon*/
.icon-telefon{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='phone' class='svg-inline--fa fa-phone fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
.icon-telefon:hover{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='phone' class='svg-inline--fa fa-phone fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
/* Mail-Icon */
.icon-mail{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
.icon-mail:hover{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
/* Facebook-Icon */
.icon-facebook{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-f' class='svg-inline--fa fa-facebook-f fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
.icon-facebook:hover{
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='facebook-f' class='svg-inline--fa fa-facebook-f fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23ffffff' d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
/* Twitter-Icon */
.icon-twitter{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' class='svg-inline--fa fa-twitter fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
.icon-twitter:hover{
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='twitter' class='svg-inline--fa fa-twitter fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
/* Xing-Icon */
.icon-xing{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='xing' class='svg-inline--fa fa-xing fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
.icon-xing:hover{
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='xing' class='svg-inline--fa fa-xing fa-w-12' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M162.7 210c-1.8 3.3-25.2 44.4-70.1 123.5-4.9 8.3-10.8 12.5-17.7 12.5H9.8c-7.7 0-12.1-7.5-8.5-14.4l69-121.3c.2 0 .2-.1 0-.3l-43.9-75.6c-4.3-7.8.3-14.1 8.5-14.1H100c7.3 0 13.3 4.1 18 12.2l44.7 77.5zM382.6 46.1l-144 253v.3L330.2 466c3.9 7.1.2 14.1-8.5 14.1h-65.2c-7.6 0-13.6-4-18-12.2l-92.4-168.5c3.3-5.8 51.5-90.8 144.8-255.2 4.6-8.1 10.4-12.2 17.5-12.2h65.7c8 0 12.3 6.7 8.5 14.1z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
/* Linkedin-Icon */
.icon-linkedin{
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='linkedin-in' class='svg-inline--fa fa-linkedin-in fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
.icon-linkedin:hover{
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fab' data-icon='linkedin-in' class='svg-inline--fa fa-linkedin-in fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 60% 60%;
    background-position-x: center;
    background-repeat: no-repeat;
}
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Row-elemente mobil (4, 5 oder 6 Elemente werden mobil nebeneinander angezeigt) */
@media only screen and (max-width: 980px) {
	.four-columns .et_pb_column {
		width: 25%!important;
	}
	.five-columns .et_pb_column {
		width: 20%!important;
	}
	.six-columns .et_pb_column {
		width: 16.66%!important;
	}	
}
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Anpassung der einzelnen Quadrate(Textmodule) auf Desktop(60px X 60px ist Standard)*/
/* Diese Klassen sind in den einzelnen Quadraten(Textmodule), c1 ist immer das linkeste/oberste Quadrat */
@media only screen and (min-width: 768px) {
	.four-columns-c1{margin-top: -75px !important;}
	.four-columns-c2{margin-top: -25px !important;}
	.four-columns-c3{margin-top: 25px !important;}
	.four-columns-c4{margin-top: 75px !important;}

	.five-columns-c1{margin-top: -100px !important;}
	.five-columns-c2{margin-top: -50px !important;}
	/* c3 ist der default-case. */
	.five-columns-c4{margin-top: 50px !important;}
	.five-columns-c5{margin-top: 100px !important;}
	
	.six-columns-c1{margin-top: -125px !important;}
	.six-columns-c2{margin-top: -75px !important;}
	.six-columns-c3{margin-top: -25px !important;}
	.six-columns-c4{margin-top: 25px !important;}
	.six-columns-c5{margin-top: 75px !important;}
	.six-columns-c6{margin-top: 125px !important;}
}
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/