@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon/icomoon.eot');
  src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon/icomoon.woff') format('woff'),
    url('../fonts/icomoon/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* ------------------------------------------------------------ Allgemein */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

html { height: 100%; background: #505050; }
body { font-family: "brandon-grotesque", sans-serif; font-weight: 300; overflow-x: hidden; }    


.wrap { padding-top: 95px; }
#pid1 .wrap { padding-top: 0px; }

@media (max-width: 991px) { 
    .wrap { padding-top: 120px; }
    #pid1 .wrap { padding-top: 0px; }
}
@media (max-width: 767px) { 
    .wrap { padding-top: 75px; }
    #pid1 .wrap { padding-top: 0px; }
}

.row { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }

.more { font-weight: bold; color: #0a0a0a; font-size: 15px; padding: 8px 20px; margin: 20px 0 0 0; border: 2px solid #0a0a0a; text-decoration: none; border-radius: 5px; display: inline-block; }
.more:hover { text-decoration: none; color: #e50073; border-color: #e50073; font-weight: 600; }



/* =========================== START TYPOGRAPHY ===================== */

h1, h2, h3, h4, h5, h6 { font-family: "brandon-grotesque", sans-serif; line-height: 1.5em; padding: 0; color: #000; margin: 0px 0 30px 0; font-weight: 300; text-transform: uppercase; }
h1 { font-size: 40px; line-height: 1em; }
h2 { font-size: 28px; line-height: 40px; }
h3 { font-size: 20px; line-height: 1.2em; }
h4 { font-size: 20px; line-height: 1.3em; }
h5 { font-size: 20px; line-height: 1.3em; }
h6 { font-size: 20px; line-height: 1.3em; }

p { font-size: 20px; }

@media (max-width: 767px) {
    h1 { font-size: 30px; line-height: 35px; }
    h2 { font-size: 20px; line-height: 30px; }
    p { font-size: 18px; }
}

.sections { padding: 40px 0; }

p a,
table a { color: #e50073; text-decoration: none; font-weight: 100; }

p a:hover, 
p a:focus, 
table a:hover, 
table a:focus { color: #000; text-decoration: none; font-weight: 100;}

a:hover, a:focus { color: #e50073; text-decoration: none; }

b, strong { font-weight: 400; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Navigation |-------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.navbar { background: #0a0a0a; padding: 20px 0px 20px; }

.navbar > div > div > div { padding-left: 0px; }

@media (max-width: 991px) { 
    .navbar { text-align: center; padding: 20px 0px 0px; }
    .dl-menuwrapper { text-align: center; display: inline-block; }
}

@media (min-width : 768px) {
    
    .dl-menuwrapper { text-align: right; } 
    
    .dl-menuwrapper ul { padding: 0px; margin: 0px; z-index: 99;} 
    
    .dl-menuwrapper ul li { list-style: none; display: inline-block; }
    .dl-menuwrapper > ul > li { position: relative; }
    
    .dl-menuwrapper ul li a { text-decoration: none; display: block; padding: 14px 16px; font-size: 20px; text-transform: uppercase; color: #fff; font-weight: 300; }
    
    .dl-menuwrapper ul li:hover > ul { visibility: visible; }
    .dl-menuwrapper ul li ul { visibility: hidden; position: absolute; padding:20px 0 0; width: 200px;  left: 50%; margin: 0 0 0 -90px; text-align: center; }
    .dl-menuwrapper ul li ul li { display: block; border-top: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; background: rgba(255,255,255,0.9); }
    .dl-menuwrapper ul li ul li:last-child { border-bottom: 1px solid #f2f2f2; }
    
    .dl-menuwrapper ul li ul li a { font-size: 15px;  color: #000;  } 
    .dl-menuwrapper > ul > .dropdown > ul > li > a { cursor:pointer; }
    
    .dl-menuwrapper > ul > .dropdown > a { cursor:default; }
    .dl-menuwrapper > ul > .active_1 > a { cursor:default; }
    .dl-menuwrapper .active_1 > a   { color: #e50073; -webkit-font-smoothing: subpixel-antialiased !important; }  
    .dl-menuwrapper .active_2 > a   { color: #e50073;  -webkit-font-smoothing: subpixel-antialiased !important; }
    .dl-menuwrapper ul li:hover > a { color: #e50073; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased !important;}
    
    .dl-menuwrapper > ul > li > a { color: #fff; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased !important;}
    .dl-menuwrapper > ul > li > ul > li > a {  -webkit-font-smoothing: subpixel-antialiased !important;}

    
    /* SVG Fallback */
    .dl-menuwrapper .dropdown > a:before {  position: relative; left: -4px; content: url(../img/dropdown.png); }
    .dl-menuwrapper .dropdown:hover > a:before {  position: relative; left: -4px; content: url(../img/dropdown_hover.png); }
    .dl-menuwrapper .active_1 > a:before {  position: relative; left: -4px; content: url(../img/dropdown_hover.png); } 
    
    .dl-menuwrapper .dropdown > a:before { content: url(../img/dropdown.svg); }
    .dl-menuwrapper .dropdown:hover > a:before { content: url(../img/dropdown_hover.svg); fill: #e50073; }
    .dl-menuwrapper .active_1 > a:before {  content: url(../img/dropdown_hover.svg); } 
    
    
    
    .dl-menuwrapper ul ul:after {
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        top: -12px;
        margin-bottom: 10px;
        border-color: transparent;
        border-width: 16px;
        margin-left: -16px;
        left: 50%;
        border-bottom-color: #fff;
    }  
}




/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Header |------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
.logo { max-width: 360px; width: 100%; height: auto; }
header { background: #0a0a0a; padding-bottom: 20px; height: 100vh;  padding-top: 95px; }
.background-image { background: url(../img/header_bg.svg) center center; background-size: cover; height: 80%; }

.arrow_down { position: absolute; bottom: 30px; left: 50%; margin-left: -32px; }
.arrow_down img { margin-top: 40px; }

/* Header auf Seiten ausblenden, wo es nicht gebraucht wird */
#pid6 header.header-img,
#pid5 header.header-img,
#pid13 header.header-img,
#pid20 header.header-img,
#pid19 header.header-img,
#pid21 header.header-img { display: none; }

.full-screen-image img { width: 100%; height: auto; }
.full-screen-text { text-align: right; }
.full-screen-text .header_text { color: #858585; font-size: 50px; margin: 10px 0;  display: block; }


    .logo { padding: 6px 0 0; }

@media (max-width: 1199px) {
    .full-screen-text .header_text { font-size: 37px; } 
}

@media (max-width: 991px) { 
    .background-image { height: 60%; }
     
}

@media (max-width: 767px) {
    .background-image { height: 60%; }
    .logo { padding: 8px 0; }
    .full-screen-text .header_text { font-size: 25px; } 
} 

/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Content - Startseite |---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */

/* 3 Bilder nebeneinander */
#more.content-3-img { overflow-x: hidden; }

.content-3-img div[class^="col-"] { padding-left: 0px; padding-right: 0px; }

.content-3-img .img { height: 450px; }

.content-3-img .left    { background: url(../img/right.jpg) center center; background-size: cover; float: right; width: 40vw; }
.content-3-img .middle  { background: url(../img/left.jpg) center center; background-size: cover;  }
.content-3-img .right   { background: url(../img/middle.jpg) center center; background-size: cover; width: 40vw; }

.content-3-img h2 { font-size: 30px; color: #fff; line-height: 40px; text-transform: uppercase; margin: 0 0 0 0; font-weight: 500; }
.content-3-img h2 b { font-weight: 700; }

.content-3-img .text { height: 190px; bottom: 50px }

.content-3-img .left .text { position: absolute; right: 210px; }
.content-3-img .middle .text { position: absolute; padding: 0 30px; }
.content-3-img .right .text { position: absolute; padding: 0 30px; }

.content-3-img a { font-style: normal !important; color: #fff; border-color: #fff; position: absolute; bottom: 0px;}

@media (min-width: 1200px) and (max-width: 1600px) {
    .content-3-img .text { bottom: 50px }
    .content-3-img .left .text { right: 112px; width: 270px; height: 230px; }
    .content-3-img .middle .text { height: 310px; }
    .content-3-img .right .text { height: 190px; }
}

@media (min-width: 992px) and (max-width: 1199px){
    .content-3-img .text { height: 300px; }
    .content-3-img .left .text { right: 110px; }
    .content-3-img .right .text { height: 260px; }
}

@media (max-width: 991px) {
    .content-3-img a { position: inherit; }
    
    .content-3-img .container { width: inherit; padding: 0px; }
    .content-3-img .left    { width: inherit; float: none; position:relative; }
    .content-3-img .middle  { width: inherit; position:relative; }
    .content-3-img .right   { width: inherit; position:relative; }
    .content-3-img .left .text      { position:absolute; left: 110px; top: 80px; display: inline-block; }
    .content-3-img .middle .text    { position:absolute; right: 110px; top: 60px; text-align: right; padding: 0; display: inline-block; }
    .content-3-img .right .text     { position:absolute; left: 110px; top: 20px; padding: 0 30px; display: inline-block; }
}

@media (max-width: 767px) {
    .content-3-img .middle .text a { right: 15px; }
    
    .content-3-img .left .text      { position:absolute; left: 110px; top: 80px; display: inline-block; }
    .content-3-img .middle .text    { position:absolute; right: 60px; text-align: right; padding: 0; display: inline-block; }
    .content-3-img .right .text     { position:absolute; left: 0px; top: 0px; padding: 0 30px; display: inline-block; }
    
    .content-3-img h2 { font-size: 25px; } 
    .content-3-img .left .text      { position:inherit; left: 15px; top: 80px; }
    .content-3-img .middle .text    { right: 15px; text-align: right; }
    .content-3-img .right .text     { position:inherit; top: 100px; }
} 

/* 3 Inhalte untereinander */
.content-full-width { overflow-x: hidden; }

.content-full-width div[class^="col-"] { padding-left: 0px; padding-right: 0px; }
.content-full-width .text { padding: 80px 0 0; }

.content-full-width h2 { font-weight: 100; margin-bottom: 20px; text-transform: uppercase; line-height: 32px; }
.content-full-width p { max-width: 500px;  }
.content-full-width a { font-style: normal !important; }

.content-full-width .c2 .text { padding: 80px 0 0 200px; }
.content-full-width .c1,
.content-full-width .c2,
.content-full-width .c3,
.content-full-width .img { height: 450px; }

.content-full-width .c1 .img {  width: 52vw; }
.content-full-width .c2 .img {  width: 52vw; float: right; }
.content-full-width h2 span { font-weight: 400; }

.content-full-width .id32 .img { background: url(../img/header-img/fullservice_big.jpg) center center; background-size: cover; }
.content-full-width .id32 h2 span { color: #6e543f; font-weight: 400; }

.content-full-width .id34 .img { background: url(../img/header-img/netzwerke_big.jpg) center center; background-size: cover; }
.content-full-width .id34 h2 span { color: #ea580d; font-weight: 400; }

.content-full-width .id35 .img { background: url(../img/header-img/erleben_big.jpg) center center; background-size: cover; }
.content-full-width .id35 h2 span { color: #29704f; font-weight: 400; }

.content-full-width .id36 .img { background: url(../img/header-img/leicht_big.jpg) center center; background-size: cover; }
.content-full-width .id36 h2 span { color: #aa977e; font-weight: 400; }

.content-full-width .id37 .img { background: url(../img/header-img/standard_big.jpg) center center; background-size: cover; }
.content-full-width .id37 h2 span { color: #54688e; font-weight: 400; }

.content-full-width .id38 .img { background: url(../img/header-img/premium_big.jpg) center center; background-size: cover; }
.content-full-width .id38 h2 span { color: #f4a040; font-weight: 400; }

.content-full-width .id39 .img { background: url(../img/header-img/bewegung_big.jpg) center center; background-size: cover; }
.content-full-width .id39 h2 span { color: #49681f; font-weight: 400; }

.content-full-width .id40 .img { background: url(../img/header-img/umwelt_big.jpg) top center; background-size: cover; }
.content-full-width .id40 h2 span { color: #c6c63f; font-weight: 400; }

.content-full-width .id41 .img { background: url(../img/header-img/sorglos_big.jpg) center center; background-size: cover; }
.content-full-width .id41 h2 span { color: #dae4a4; font-weight: 400; }

@media (max-width: 1599px) {
.content-full-width .c1,
.content-full-width .c2,
.content-full-width .c3,
.content-full-width .img { height: 550px; }   
}

@media (min-width: 992px) and (max-width: 1199px){
    .content-full-width .c1 .text { padding-right: 40px; }
    .content-full-width .c2 .text { padding: 80px 0 0 60px; }
}

@media (max-width: 991px) {
    .content-full-width { padding: 40px 0; }
    
    .content-full-width .c1 .img { background: none;  width: inherit; }
    .content-full-width .c2 .img { background: none;  width: inherit; float: none; }
    
    .content-full-width .text       { padding: 20px 0 20px; }
    .content-full-width .c1 .text   { padding: 20px 0 20px; }
    .content-full-width .c2 .text   { padding: 20px 0 20px; }
    .content-full-width p { max-width: inherit; }
    
    .content-full-width .c2 { text-align: right; }
    
    .content-full-width .c1,
    .content-full-width .c2,
    .content-full-width .img { height: inherit; }
}



/* Unser Service */
.services { background: #f2f2f2; }
.services p { max-width: 350px; margin: 0 auto; }
.services img { width: 128px; height: 128px; margin-bottom: 20px; }
.services > div { margin-bottom: 20px; } 

@media (max-width: 991px) { 
    .col-md-4.text-center { margin: 50px 0; }
}


/* Ihre Ansprechpartner */
.ansprechpartner h4 { margin: 0; font-weight: 400; line-height: 20px; }
.ansprechpartner span { font-size: 18px; font-weight: 500; color: #4c4c4c; }
.ansprechpartner table { font-size: 18px; margin-top: 5px;  }
.ansprechpartner table tr td:first-child { width: 65px; }

#pid1 .ansprechpartner { background: #f2f2f2; }
#pid1 .ansprechpartner h2 { margin-bottom: 50px }
#pid1 .ansprechpartner section div { padding-left: 0px; padding-right: 0px; }
#pid1 .ansprechpartner section div[class^="col-lg-3"] { margin-bottom: 40px; }

#pid29 header.header-img { display: none; } 
#pid29 .ansprechpartner { padding: 60px 0; }
#pid29 .ansprechpartner > div > div { margin-bottom: 40px; padding-left: 0px; padding-right: 0px; }
#pid29 .ansprechpartner .img { min-height: 150px; } 


@media (max-width: 768px) {
    #pid29 .ansprechpartner > div > div { padding-left: 0px; padding-right: 0px; }
}

#pid32 header.header-img { display: none; } 
#pid32 .ansprechpartner { padding: 60px 0; }
#pid32 .ansprechpartner > div > div { margin-bottom: 40px; padding-left: 0px; padding-right: 0px; }
#pid32 .ansprechpartner .img { min-height: 150px; } 


@media (max-width: 768px) {
    #pid32 .ansprechpartner > div > div { padding-left: 0px; padding-right: 0px; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Content - Folgeseite |---------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.content-element { padding: 0 0 40px; }

.content-element h1 { font-weight: 100; }
.content-element h2 { margin-top: -30px; font-size: 40px; }

@media (max-width: 767px) {
    .content-element h2 { font-size: 30px; line-height: 35px;  }
}

/* Referenzen */
#pid13 .content-element { min-height: 70vh; }

.reference { margin: 60px 0px 90px; }
.reference p { position: relative; z-index: 1; }
.reference p:before { content:'\e978'; font-family: 'icomoon'; color: rgba(229,0,115,0.1); font-size: 70px; position: absolute; top: -42px; left: -19px; z-index: -1; }

.reference .author { text-align: right; font-size: 18px; }

/* Impressum */
#pid21 .content-element h2 { margin-top: inherit; margin-bottom: 10px; font-size: 25px; }

.content-element .img-wrap { height: 100%; }

/* PORTFOLIO */
#pid12 .content-element ul { margin: 0; padding: 0; }
    
.content-element ul li { font-size: 20px; display: block; list-style-type: circle; margin: 8px 0; margin-left: 13px; text-indent: -13px; }
.content-element ul li:before { content: "• "; }

.content-element ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

@media (max-width: 991px) { 
    .content-element ul {
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
}
@media (max-width: 767px) { 
    .content-element ul {
        -moz-column-count: 1;
        -moz-column-gap: 10px;
        -webkit-column-count: 1;
        -webkit-column-gap: 10px;
        column-count: 1;
        column-gap: 10px;
    }
}
 
/* --| Farbigkeit der Unter-Überschriften |-- */

/* FULLSERVICE */
#pid7 .content-element h2 { color: #6e543f; }

/* NETZWERKE */
#pid8 .content-element h2 { color: #ea580d; }

/* ERLEBNIS PRINT */
#pid9 .content-element h2 { color: #29704f; }

/* PRINT PREMIUM */
.print-premium,
#pid10 .content-element h2 { color: #f4a040; }

/* PRINT STANDARD */
.print-standard,
#pid11 .content-element h2 { color: #54688e; }

/* PORTFOLIO */
#pid12 .content-element h2 { font-weight: 500; }

/* REFERENZEN 
#pid13 .content-element h2 { color: #29704f; } */

/* Werbemittel / Lettershop */
#pid23 section.container h2 { color: #49681f; }

/* Umwelt */
#pid24 section.container h2 { color: #dae4a4; }

/* Montagen / Messen */
#pid25 section.container h2 { color: #c6c63f; }

/* Leicht */
#pid31 section.container h2 { color: #aa977e; }


/* --| Bilder auf Desktop / Tablets |-- */ 

/* FULLSERVICE */
#pid7 header.header-img { background: url(../img/header-img/fullservice_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

/* NETZWERKE */
#pid8 header.header-img { background: url(../img/header-img/netzwerke_big.jpg) center bottom; background-size: cover; width: 100vw; height: 60vh; }

/* ERLEBNIS PRINT */
#pid9 header.header-img { background: url(../img/header-img/erleben_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

/* PRINT PREMIUM */
#pid10 header.header-img { background: url(../img/header-img/premium_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

/* PRINT STANDARD */
#pid11 header.header-img { background: url(../img/header-img/standard_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

/* PORTFOLIO */
#pid12 header.header-img { background: url(../img/header-img/collage_big_2.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

/* REFERENZEN 
#pid13 header.header-img { background: url(../img/header-img/standard_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; } */

/* Werbemittel / Lettershop */
#pid23 header.header-img { background: url(../img/header-img/bewegung_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; } 

/* Umwelt */
#pid24 header.header-img { background: url(../img/header-img/sorglos_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

/* Montagen / Messen */
#pid25 header.header-img { background: url(../img/header-img/umwelt_big.jpg) center top; background-size: cover; width: 100vw; height: 60vh; }

/* Leicht */
#pid31 header.header-img { background: url(../img/header-img/leicht_big.jpg) center top; background-size: cover; width: 100vw; height: 60vh; } 

@media (max-width: 767px) {
    /* --| Bilder auf Mobilgeräten |-- */

    /* FULLSERVICE */
    #pid7 header.header-img { background: url(../img/header-img/fullservice_small.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

    /* NETZWERKE */
    #pid8 header.header-img { background: url(../img/header-img/netzwerke_small.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

    /* ERLEBNIS PRINT */
    #pid9 header.header-img { background: url(../img/header-img/erleben_small.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

    /* PRINT PREMIUM */
    #pid10 header.header-img { background: url(../img/header-img/premium_small.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

    /* PRINT STANDARD */
    #pid11 header.header-img { background: url(../img/header-img/standard_small.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }

    /* PORTFOLIO */
    #pid12 header.header-img { background: url(../img/header-img/collage_small_2.jpg) center center; background-size: cover; width: 100vw; height: 60vh; } 

    /* REFERENZEN 
    #pid13 header.header-img { background: url(../img/header-img/standard_small.jpg) center center; background-size: cover; width: 100vw; height: 60vh; } */
    
    /* Werbemittel / Lettershop */
    #pid23 header.header-img { background: url(../img/header-img/bewegung_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }
    
    /* Umwelt */
    #pid24 header.header-img { background: url(../img/header-img/sorglos_big.jpg) center center; background-size: cover; width: 100vw; height: 60vh; }
    
    /* Montagen / Messen */
    #pid25 header.header-img { background: url(../img/header-img/umwelt_big.jpg) center top; background-size: cover; width: 100vw; height: 60vh; }
    
    /* Leicht */
    #pid31 header.header-img { background: url(../img/header-img/leicht_big.jpg) center top; background-size: cover; width: 100vw; height: 60vh; }

}


/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Content - Serviceseite |-------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.content-element  { padding: 0; }
.content-element .service { padding: 80px 15px 50px; }


/* --| Listen |-- */
.content-element ol { margin-left: 45px; }
.content-element ol li { font-size: 20px; }
#pid19 .content-element p { margin: 0px; }


/* --| Kontakt |-- */
.content-element .contact { padding: 80px 15px; }

label { font-size: 20px; font-weight: 300; }

input.powermail_input, textarea { width: 100%; border: 1px solid #e5e5e5 ; height: 30px; padding: 5px; }
textarea { min-height: 120px; }

.powermail_fieldwrap { margin: 8px 0; }
.mandatory { color: #e50073; }
.mandatory:before { content: " "; }

.powermail_fieldwrap_4 { text-align: right; }
.powermail_fieldwrap_4 input { text-transform: uppercase; background: #fff; font-weight: bold; color: #0a0a0a; font-size: 15px; padding: 8px 20px; margin: 20px 0 0 0; border: 2px solid #0a0a0a; text-decoration: none; border-radius: 5px; display: inline-block; margin-right: 15px; }
.powermail_fieldwrap_4 input:hover { background: #fff; border: 2px solid #e50073; color: #e50073; }

.powermail_all_label, .powermail_all_value { font-size: 20px; }

.powermail_all dd { margin-bottom: 8px; }
.powermail_all dt { margin-top: 8px; }


.map { width: 49.4vw; }
@media (max-width: 991px) { 
    .map { width: 100%; margin-bottom: 20px; }
}
#map_canvas { width:100%;}
.map-cover {  position:relative; width:100%; height:600px; top:600px; margin-top:-600px; background-color:transparent; z-index:100; display:none; }

#pid6 #map_canvas { height: 80vh !important; }

#pid19 .content-element { height: 70vh; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Cookie-Hinweis |------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */


.cc_container {
    background: #f2f2f2 !important;
    color: #000 !important;
    font-family: inherit !important;
}
.cc_container a {
    color: #e50073 !important;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #505050 !important;
    color: #fff !important;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Datenschutz Kontaktformular |------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */

.powermail_check_outer {
    font-family: inherit !important;
}

.powermail_check_outer a {
    color: #e50073 !important;
}
.d-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.powermail_check_inner input.powermail_checkbox {
    margin-right: 8px;
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Footer |------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------ */
footer { background: #505050; color: #fff; padding: 30px 0; }
footer a { color: #fff; text-transform: uppercase; } 
footer nav ul { text-align: right; padding: 0px; }
footer nav li { list-style-type: none; display: inline-block; margin-left: 20px; }

footer > section > div { padding-left: 0px !important; padding-right: 0px !important; }

footer .gda img,
footer .gda span { display: block; }
footer .gda span { line-height: 16px; margin-top: 6px; }

.icon-facebook2:before {
    content: "\ea8d"; font-family: 'icomoon'; font-size: 22px; position: relative; top: 5px;
}

@media (max-width: 767px) { 
    .copyright { text-align: center; margin-bottom: 15px;}
    footer nav ul { text-align: center; }
  
    footer .gda { margin-bottom: 15px; text-align: center; }
    footer .gda span { margin-bottom: 15px;  }
    footer .gda img { display: inline-block; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* --| Print-CSS |--------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */

@media print {
    header { display: none; }
    
    h1, h2, h3, h4, h5, h6 { }
    h1 { font-size: 20px; line-height: inherit; }
    h2 { font-size: 18px; line-height: inherit; }
    h3 { font-size: 16px; line-height: inherit; }
    h4 { font-size: 13px; line-height: inherit; }
    h5 { font-size: 12px; line-height: inherit; }
    h6 { font-size: 10px; line-height: inherit; }

    p { font-size: 12px; }
    
    a[href]:after { content: "" }
} 







/** 
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
  .foo {
    height: 1024px;
  }
}

/** 
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
  .foo {
    height: 768px;
  }
}