/*
 Theme Name:     Consarctic - Divi Child
 Template:       Divi
 Version:        1.0.0
 */


/* =Theme customization starts here
------------------------------------------------------- */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../wp-content/themes/Divi-child/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../wp-content/themes/Divi-child/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../wp-content/themes/Divi-child/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../wp-content/themes/Divi-child/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../wp-content/themes/Divi-child/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../wp-content/themes/Divi-child/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


h1, h2, h3, h4, h5, h6{
	padding-bottom: 20px;
}

.et_pb_text_inner h1 {
	color: #52a964;
	font-size: 30px;
	text-align: center;
}

.et_pb_text_inner h2 {
	color: #d5d6d9;
	font-size: 40px;
	text-align: center;
}

h4 {
	font-size: 24px;
	color: #d5d6d9;
}

.et_pb_text_inner p {
	font-size: 20px;
}

.et_pb_section_1 .et_pb_text_inner p {
	text-align: center;
}



/* Header */



/* Slider */

*{margin:0;padding:0;outline:0}
.slider{position:relative;overflow:hidden}
.slider .slider-item{display:block;max-height:100vh;overflow:hidden;background:#ffff;position:absolute;left:-100%;width:100%;opacity:0;transition:1s left ease,1s opacity ease}
.slider .slider-item.close{opacity:0;left:100%}
.slider .slider-item.show{z-index:10;opacity:1;left:0}
.slider .background{display:block;width:100%;max-height:90vh}
.slider .slider-item>img{display:block;width:100%}
/*.slider .switch{z-index:11;display:block;position:absolute;bottom:5%;left:50%;transform:translate(-50%,0)}*/
/*.slider .switch i{float:left;content:" ";display:block;width:1.5rem;height:.25rem;border-radius:.25rem;box-shadow:0 .125rem .125rem rgba(40,40,40,.4);background:rgba(255,255,255,.322);margin:.125rem;transition:.7s all}*/
/*.slider .switch i.active{background:rgba(255,255,255,.726)}*/
/*.slider .next,.slider .prev{z-index:11;position:absolute;top:calc(50% - 1.4rem);height:1.4rem;width:1.4rem;padding:1.5rem;border:none;border-radius:50%;background:rgba(17,17,17,.333);transition:.4s all;opacity:.7}*/
/*.slider .next svg,.slider .prev svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;fill:rgba(255,255,255,.8);transition:.3s all}*/
/*.slider .prev{left:1%;transform:rotate(180deg)}*/
/*.slider .next{right:1%}*/
/*.slider .next:hover,.slider .prev:hover{background:rgba(0,0,0,.8);cursor:pointer}*/
/*.slider .next:hover svg,.slider .prev:hover svg{fill:rgba(255,255,255,1)}*/
@media (max-width:600px){.slider .next,.slider .prev{padding:1rem}}
.slider .switch, .slider .next, .slider .prev {
	display: none;
}

.et_pb_row_0 {
	margin: 0 auto;
}

.et_pb_section_0 {
	padding: 0;
}

/* Carousel */

.ds-carousel p {
	text-align: center;
}

.carousel {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-content: baseline;
}

/* Kontakt */

.anschrift {
	width: 50%;
	float: left;
}

.kontaktdaten {
	width: 50%;
	float: left;
}

.entry-content table {
	border: 0;
}

.entry-content tr td {
	border: 0;
	padding: 0 0 1em;
}

input {
	width: 100%;
}

.wpcf7-submit {
	width: 20%;
}

textarea {
	width: 100%;
}

/* Footer */

.footer-widget h4 {
	padding-bottom: 28px;
}

.footer-widget a {
	line-height: 2.5em;
}

.footer-widget p {
	line-height: 2.5em;
	padding: 0;
}

#main-footer .et_pb_divider {
	margin: 0px;
}
/*.et-fixed-header #top-menu a.mPS2id-clicked,*/
.et-fixed-header #top-menu a.mPS2id-highlight,
.et-fixed-header #top-menu a.mPS2id-target {
    color: #52a964 !important;
}

/*-----------------------------------------------*/
/*-----Scrolling Module Carousel by Divi Soup----*/
/*-----------------------------------------------*/


/*Carousel settings, adjust these values only*/

:root {
    --ds-module-number: 12; /*Your TOTAL number of modules, so if you have 8 modules duplicated, this number should be 16*/
    --ds-columns-desktop: 6; /*The number of modules you want displayed at any one time on desktop*/
    --ds-columns-tablet: 4; /*The number of modules you want displayed at any one time on tablet*/
    --ds-columns-mobile: 2; /*The number of modules you want displayed at any one time on mobile*/
    --ds-speed-desktop: 40s; /*The speed you want your carousel to move on desktop (increase value for slower, decrease for faster)*/
    --ds-speed-tablet: 40s; /*The speed you want your carousel to move on tablet (increase value for slower, decrease for faster)*/
    --ds-speed-mobile: 40s; /*The speed you want your carousel to move on mobile (increase value for slower, decrease for faster)*/
}

/**************************************************/
/*You do not need to edit anything below this line*/
/**************************************************/

/*Variables for desktop*/

@media all and (min-width: 981px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-desktop));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-desktop);
    }
}


/*Variables for tablets*/

@media all and (max-width: 980px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-tablet));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-tablet);
    }
}


/*Variables for mobile*/

@media all and (max-width: 479px) {
    :root {
        --ds-module-width: calc(100vw / var(--ds-columns-mobile));
        --ds-scroll-speed: var(--ds-speed-mobile);
    }
}


/*Hide the row overflow*/

.ds-carousel {
    overflow: hidden;
}


/*Define the grid and apply animation*/

.ds-carousel .et_pb_column {
    display: grid;
    grid-template-columns: repeat(var(--ds-module-number), var(--ds-module-width));
    width: var(--ds-column-width);
    -webkit-animation: scroll var(--ds-scroll-speed) linear infinite;
    animation: scroll var(--ds-scroll-speed) linear infinite;
}


/*Apply the module width*/

.ds-carousel .et_pb_module {
    width: var(--ds-module-width) !important;
}


/*Define the animation*/

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}


/*Pause animation on hover*/

.ds-carousel .et_pb_column:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/*-----------------------------------------------*/
/*---End Scrolling Module Carousel by Divi Soup--*/
/*-----------------------------------------------*/