/* Global */

@media(min-width: 1500px){
    .uk-container {
    	padding-left: 100px;
        padding-right: 100px;
    }
}


/* text */

@media(max-width: 959px){
    html {
    	font-size: 20px;
    }
  }

/* tm-header */

.tm-header .uk-navbar li a {
	line-height: 20px;
}

.tm-header .uk-navbar-center-left,
.tm-header .uk-navbar-center-right {
	margin-bottom: 0px!important;
    margin-top: auto!important;
    top: auto;
    bottom: 0;
}

.uk-navbar-toggle-icon svg,
.uk-modal-close-default svg,
.uk-modal-close-full svg {
	width: 30px;
}

#tm-dialog-mobile .uk-modal-body .uk-text-center .uk-grid .uk-icon svg{
    margin-left: 10px;
    margin-right: 10px;
}

#tm-dialog-mobile .uk-modal-body .uk-text-center .uk-grid>div:last-child {
	bottom: 0;
    position: absolute;
    margin-bottom: 40px;
    left: 0;
}


/* buttons */

.uk-button {
	clip-path: polygon(30px 0%, 100% 0%, calc(100% - 30px) 100%, 0% 100%);
}

@media(max-width: 959px){

    .uk-button {
	    font-size: 18px;
      line-height: 40px;
      padding: 0 40px;
      clip-path: polygon(25px 0%, 100% 0%, calc(100% - 25px) 100%, 0% 100%);
}
}

/* header */

.ah-header-section::after {
    content: "";
	background-image: url("/images/ah/gestaltungselemente/muster-1.svg");
    background-repeat: no-repeat;
    background-position: 100%;
    display: block;
    width: 350px;
    height: 100vh;
    position: absolute;
    right: 0px;
    left: auto;
    top: 33vh;
    z-index: 979;
    pointer-events: none;
}

.ah-header-slideshow .uk-position-cover {
	background-color: rgba(1,1,1,0.5);
}

@media(max-width: 1200px){
    .ah-header-section::after {
    	    width: 250px;
        top: 30vh;
    }
}

@media(max-width: 1024px){
    .ah-header-section::after {
    	    width: 250px;
    }
}

@media(max-width: 959px){
    .ah-header-section::after {
    	    width: 200px;
        top: 25vh;
    }
}

@media(max-width: 639px){
    .ah-header-section::after {
    	    width: 120px;
        top: 33vh;
    }
}


/* panel */

.ah-panel-color-white .el-title,
.ah-panel-color-white .el-meta,
.ah-panel-color-white .el-content {
	color: white;
}

.ah-panel-leistung ul {
	column-count: 2;
}

@media(max-width: 1199px) and (min-width: 960px) {

  .ah-panel-leistung ul {
  	column-count: 1;
  }

  .ah-panel-leistung ul br {
  	display: none;
  }
}

@media(max-width: 959px) {

  .ah-panel-leistung ul br {
  	display: none;
  }
}

@media(max-width: 639px) {

  .ah-panel-leistung ul {
  	column-count: 1;
  }

  .ah-panel-leistung ul br {
  	display: none;
  }
}


/* Maskottchen */

.ah-section-background-maskottchen .uk-background-norepeat {
	background-position: 10vw 50%;
    background-size: auto 300px;
}

@media(min-width: 1800px){
    .ah-section-background-maskottchen .uk-position-cover {
    	background-color: transparent!important;
    }
}


@media(max-width: 1799px){
.ah-section-background-maskottchen .uk-background-norepeat {
	background-position: 40px calc(100% - 40px);
}
}


@media(max-width: 959px){
    .ah-section-background-maskottchen .uk-position-cover {
    	background-color: rgba(255,255,255,1)!important;
    }
}


/* panel sprechblase */

@media(max-width: 1199px){

.ah-panel-sprechblase-unten-max-desktop {
	clip-path: polygon(calc(50% + 70px) 70px, 100% 70px, 100% 100%, 0 100%, 0 70px, calc(50% - 70px) 70px, 50% 0);
    padding-top: calc(70px + 40px)!important;
	margin-top: -70px;
}

.ah-background-image-sprechblase-abstand-oben-max-desktop .uk-background-norepeat {
    padding-top: 500px;
}
}

@media(max-width: 959px){

.ah-panel-sprechblase-unten-max-tablet {
	clip-path: polygon(calc(50% + 70px) 70px, 100% 70px, 100% 100%, 0 100%, 0 70px, calc(50% - 70px) 70px, 50% 0);
    padding-top: calc(70px + 40px)!important;
	margin-top: -70px;
}

.ah-background-image-sprechblase-abstand-oben-max-tablet .uk-background-norepeat {
    padding-top: 400px;
}
}

@media(max-width: 639px){

.ah-panel-sprechblase-unten-max-tablet,
.ah-panel-sprechblase-unten-max-desktop {
	clip-path: polygon(calc(50% + 40px) 40px, 100% 40px, 100% 100%, 0 100%, 0 40px, calc(50% - 40px) 40px, 50% 0);
    padding-top: calc(40px + 25px)!important;
	margin-top: -40px;
}

.ah-background-image-sprechblase-abstand-oben-max-smartphone .uk-background-norepeat {
    padding-top: 500px;
}
}

@media(min-width: 1200px){

.ah-panel-sprechblase-rechts-min-desktop {
	clip-path: polygon(70px 0, 100% 0, 100% 100%, 70px 100%, 70px 210px, 0 140px, 70px 70px);
    padding-left: calc(70px + 70px)!important;
}

.ah-sprechblase-links-min-desktop {
    clip-path: polygon(100% 140px, calc(100% - 70px) 70px, calc(100% - 70px) 100%, 0 100%, 0 0, calc(100% - 70px) 0, calc(100% - 70px) 210px);
    padding-right: calc(70px + 70px)!important;
    }
}

@media(min-width: 960px){

  .ah-panel-sprechblase-rechts-min-tablet-quer {
  	clip-path: polygon(70px 0, 100% 0, 100% 100%, 70px 100%, 70px 210px, 0 140px, 70px 70px);
      padding-left: calc(70px + 70px)!important;
  }

.ah-panel-sprechblase-links-min-tablet-quer {
    clip-path: polygon(100% 140px, calc(100% - 70px) 70px, calc(100% - 70px) 100%, 0 100%, 0 0, calc(100% - 70px) 0, calc(100% - 70px) 210px);
    padding-right: calc(70px + 70px)!important;
    }
}


/* card */

@media(max-width: 639px){
    .uk-card-body {
    padding: 25px 25px;
}
}


/* comparision slider */

.hd-image-comparison .hd-image-comparison-slider {
    border-radius: 0px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    width: 60px;
    height: 60px;
    padding: 15px;
    margin-left: -1px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.hd-image-comparison .hd-image-comparison-before {
	border-right: solid 2px black;
}

.hd-image-comparison .hd-image-comparison-slider svg {
	width: 60px;
    height: 40px;
}

.hd-image-comparison .hd-image-comparison-slider polyline {
	stroke: white;
}

@media(max-width:639px) {
    .hd-image-comparison .hd-image-comparison-slider {
        width: 40px;
        height: 40px;
        color: white!important;
        fill: white!important;
    }

    .hd-image-comparison .hd-image-comparison-slider svg {
        width: 30px;
        height: 30px;
    }
}