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

/* Start your custom CSS bellow this comment
============================================ */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/fonts/montserrat-thin-webfont.woff2') format('woff2'),
         url('fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-thinitalic-webfont.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-extralightitalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extralightitalic-webfont.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-lightitalic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-italic-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-mediumitalic-webfont.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibolditalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabolditalic-webfont.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-blackitalic-webfont.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

/*====================================Farbdefinitionen=========================*/
:root{
	--main-color: #ce0000;
	--divider-color: #E7E7E5;
	--ttbackground-color: #fbdeda;
}
/*====================================Ende Globale Farbdefinitionen=========================*/

body {
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	 -webkit-hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
     -webkit-hyphenate-limit-chars: 7 3 3;
     -webkit-hyphenate-limit-lines: 2;
     -webkit-hyphenate-limit-last: always;
     -webkit-hyphenate-limit-zone: 8%;
	 -moz-hyphens: auto;
     -moz-hyphenate-limit-chars: 7 3 3;
     -moz-hyphenate-limit-lines: 2;
     -moz-hyphenate-limit-last: always;
     -moz-hyphenate-limit-zone: 8%;
     -ms-hyphens: auto;
	 -ms-hyphenate-limit-chars: 7 3 3;
     -ms-hyphenate-limit-lines: 2;
     -ms-hyphenate-limit-last: always;
     -ms-hyphenate-limit-zone: 8%;
	 hyphens: auto;
     hyphenate-limit-chars: 7 3 3;
     hyphenate-limit-lines: 2;
     hyphenate-limit-last: always;
     hyphenate-limit-zone: 8%;
}

/* Headlines */
h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", Arial, sans-serif;
	letter-spacing: 0.02em;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}
h1 {
	font-size: 2.1em;
/*	color: var(--main-color); */
	line-height: 1.2em;
	font-weight: 500;
}
@media (max-width: 768px) {
  h1 {
    font-size: 1.4em;
    line-height: 1.1em;
}
}
h2 {
	font-size: 1.8em;
/*	color: var(--main-color); */
	line-height: 1.2em;
}
@media (max-width: 980px) {
  h2 {
    font-size: 1.2em;
    line-height: 1.2em;
	font-weight: 500;
}
}
h3 {
    font-size:20px;
	font-weight: 500;
/*    text-transform: uppercase;*/
    color: var(--main-color);
    line-height: 1em;
	padding:20px 0px 12px 0px;
}
h4{
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2em;
	letter-spacing: 0.02em;
}
h5 {
	font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--main-color)!important;
    letter-spacing: 1px;
    line-height: 1.5em;
} 
h6 {
/*  font-weight: 700;	*/
/*	color: #636554; */
}
.et_pb_post h1 {
	font-size: 2.0em
}
@media (max-width: 768px) {
.et_pb_post h1 {
    font-size: 1.6em;
}
}
@media (max-width: 425px) {
.et_pb_post h1 {
    font-size: 1.2em;
}
}
sub, sup{
    top: -0.6em;
    font-size: 74%;
}

/* Mehr Abstand bei den Standard-Buttons */
.et_pb_button {
    padding: 1em 1.8em 1em 1.8em;
	margin-right: 1em;
}
.et_pb_button:hover {
    padding: 1em 3em 1em 1.2em!important;
}
/* Buttons nebeneinander */
.btn-inline .et_pb_button_module_wrapper {
	display: inline-block;
}
/* Footer Copyright Schriftgröße */
#footer-info {
	font-size: 90%;
} 

/* 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;
    }

/* 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;
  } 
.et_mobile_menu {
	text-align: right;
}
.et_mobile_menu {
	left: unset;
	top: 76px;
	right: -20px;
	width: 80%;
}
.et_mobile_menu li a {
	font-size: 16px;
}
.mmkleiner a {
	font-size:14px!important;
	padding-top: 6px!important;
	padding-bottom: 6px!important;
	color: var(--main-color)!important;
}
}

/* Seconary Menu: auf Mobil auch Social Icons anzeigen */
@media only screen and (max-width: 768px) {
div#et-secondary-menu {
display: block !important;
margin-top: 5px !important;
}
#et-info, #et-secondary-menu {
	float: left;
}
#et-secondary-menu>div.et_duplicate_social_icons>ul>li a {
display: block;
padding-top: 5px;
padding-bottom: .50em;
}
}

/* Header-Slider Anpassungen */
.headerslider .et_pb_slides .et_pb_container {
    width: 100%;
    margin: 0 9vw 0 9vw;
}
@media only screen and (min-width: 981px) and (max-width: 1510px) {
.headerslider .et_pb_slides .et_pb_slider_container_inner {
    width: 90%;
    margin: 0 9vw 0 9vw;
}
}
@media only screen and (max-width: 980px){
.headerslider .et_pb_slides .et_pb_container {
    width: 100%;
    margin: 0 0vw 0 0vw;
}
}
/*.et_pb_slider .et_pb_slide_description {
    padding-top: 70vh!important;
    padding-bottom: 0vh!important;
    padding-left: 32vh !important;
}*/
/*.et_pb_button_wrapper {
	background-color: #206BE3C2;
	border-bottom-left-radius: 8px!important;
	border-bottom-right-radius: 8px!important;
}
.et_pb_text_overlay_wrapper {
	padding-top: 80px!important;
	border-top-left-radius: 8px!important;
	border-top-right-radius: 8px!important;
}*/

/* Google-Plus-Icon gegen LinkedIn-Icon tauschen */
.et-social-google-plus a.icon:before {
content: "\e09d"
}

/* Hackerl statt Bullets für UL */
/*.ceeqoo_bullets_check ul li {
  padding-left: 30px;
  list-style:none;
  margin-bottom: 10px;
}

.ceeqoo_bullets_check ul li::before {
  content: '\52';
  display: inline-block;
  margin-right: 7px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules'!important;
  font-size: 1.2em;
  color: #206be3;
  vertical-align: middle;
}*/
/* ++++++++++++ Mobile Columns generell weniger Margin unten +++++++++++++++ */
@media (max-width: 980px) {
.et_pb_column {
    margin-bottom: 18px;
}
.et_pb_row {
    width: 90%;
	}
}
.et_pb_button {
    padding: 1em 1.2em 1em 1.2em;
    margin-right: 0.1em;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*keine Abteilungen*/
.nowrap{
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}
.et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}
.broken_link, a.broken_link {
    text-decoration: none!important;
}

.BorlabsCookie ._brlbs-content-blocker a._brlbs-btn {
    font-size: 1.6em;
    font-weight: 600;
    padding: 0.8em 1.4em;
}

/*=========================== Sidebar Anpassungen =============================*/
#recent-posts-2 > ul > li {
	font-size: 0.9em;
	line-height: 1.3em;
}
/*=========================== VERKAUFT-Banner =============================*/
.custom-ribbon-wrapper {
    position: relative;
    display: inline-block; /* Damit das Wrapper-Div die Größe des Bildes annimmt */
}

/* Ihr bereitgestellter CSS-Code für das Ribbon */


.ribbon span {
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}
/* Weitere Ribbon-Positionierungsstile ... */


/*=======================*/
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: 0;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #ce0000;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Montserrat', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}




/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* 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: var(--main-color) !important;
	/* Border-Farbe anpassen */
	border-width: 0px !important;
	border-color: #FF1F1F !important;
}
.ultimatives-kontaktelement:hover{
	/* Hintergrund-Hover-Farbe anpassen */
	background-color: #FF1F1F !important;
	/* opacity: 80% !important; */
	/* Border-Hover-Farbe anpassen */
	border-width: 0px !important;
	border-color: #FF1F1F !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;
}

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Row-elemente mobil (4, 5 oder 6 Elemente werden mobil nebeneinander angezeigt) */
@media only screen and (max-width: 980px) {
	.two-columns .et_pb_column {
		width: 50%!important;
	}
	.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) {
	.two-columns-c1{margin-top: 25px !important;}
	.two-columns-c2{margin-top: 75px !important;}
	
	.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;}
}
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/