/* global -----------------------------------*/

* {
    margin: 0px;
    padding: 0px;
} 

a, a img{
      outline:none;
  }

strong {
    font-weight: 600;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html, body {
    min-height: 100%;
    height: 100%;
}

body{
    overflow-x:hidden;  
    font-weight:300;
}

body, h1, h2, h3, h4, h5, h6, span, a, p, ul li, ol li, main ul li {
    font-family: 'Myriad Pro', sans-serif;
}

body, span, a, p, ul li, ol li, main ul li {
    font-family: 'Noto Sans', sans-serif;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.container {
    /*width: 70% !important;
    margin-left: 15% !important;
    margin-right: 15% !important;*/
    width: 1400px !important;
    max-width:100%!important;
    
}

.container.first-container{
    padding-left:0!important;
    padding-right:0!important;
}

/*.container .container {
    width:100% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    padding:0;
}*/


h1 {
    font-size: 3em;
    font-weight: 800;
    color: #393939;
    margin: 0px;
    margin-bottom: 25px;
    /*text-transform: uppercase;*/
}

h2 {
    font-size: 2.8rem;
    font-weight: 300;
    color: #393939;
    margin-top:35px;
    margin-bottom: 5px;
}

h3 {
    font-size: 2.2rem;
    font-weight: 300;
    color: #393939;
    margin-top: 35px;
    margin-bottom: 5px;
}

h4 {
    font-size: 2em;
    font-weight: 300;
    color: #393939;
    margin-top: 35px;
    margin-bottom: 5px;
}

h5 {
    font-size: 1.5em;
    font-weight: 300;
    color: #393939;
    margin-top: 35px;
    margin-bottom: 5px;
}

h6 {
    font-size: 1.3em;
    font-weight: 300;
    color: #393939;
    font-style: italic;
    margin-top: 35px;
    margin-bottom: 5px;
}


p {
    margin: 0 0 1em 0;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 160%;
    color: #555555;
}

.main-col blockquote, .extra-content blockquote  {
    margin: 1.5em 0 1em 0;
    padding:0.5em 2em;
    font-weight: 300;
    font-size: 0.75rem;
    line-height: 160%;
    color: #555555;
    background:none !important;
    color:#000 !important;
    box-shadow:none !important;
    text-align:center !important;
    position:unset !important;
    /*padding-top: 2em;*/
    vertical-align:middle;
    clear:both;
}

.content-picture blockquote {
    margin-top: 1.2em !important;
}

a img {
    border: 0;
}

a {
    color: rgba(255,255,255, 0.5);
    text-decoration: none;
    font-weight: normal;
}

main a {
    color: #cf0606;
    text-decoration: none;
    font-weight: 600;
}

.contact .footer-adress a, .news a, .comment a {
    color: rgba(0,0,0, 0.5);
}

    a:hover {
        color: rgba(255,255,255, 1.0);
        text-decoration: none;
        font-weight:800;
    }

main a:hover {
    color: rgba(78, 77, 77, 1.0);
    
}

.contact .footer-adress a:hover, .news a:hover, .comment a:hover {
    color: rgba(0,0,0, 1.0);
}

.archive-link  {
    
   padding-top: 1.2em;
   text-align:center;
    margin-bottom: 3.2em;
    
}

.archive-link a {
    color: #333 !important;
    font-size: 1.8em;
    font-weight: 400 !important;
  
   
}

hr {
    border: 0px;
    border-top: 1px solid #eaeaea;
    clear: both;
    display: block;
    margin: -2em 0 -0.8em 0 !important;
    padding: 0;
    height: 1px;
}

img.img-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
   
    clear: left;
    /*margin: 1em 1em 1em 1em;*/
}

img.img-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
    
}

img.img-none {
    clear: both;
    margin-bottom: 20px;
    
}


p.left img, p img.img-left {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}

p.right img, p img.img-right {
    float: right;
    margin-left: 20px;
    margin-top: 20px;
}

p.none img, p img.img-none {
    clear: both;
    margin-left: 20px;
    margin-top: 20px;
}

.k-button, .k-button:Active {
    background: rgba(37, 121, 191, 0.9);
    color: #fff;
    border-radius: 3px;
    padding:2px;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    margin: 20px auto 0px auto;
    border: 0px;
    box-shadow: none;

}

    .k-button .inside {
        border: 1px dotted rgba(255,255,255,0.3);
        padding: 8px 13px;
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 3px;
    } 
    
    .k-button:hover {
        background: rgba(37, 121, 191, 1.0);
        color: #fff;
    }

    .k-button:active {
        position: relative;
        top: -1px;
        color: #fff !important;
        box-shadow: none !important;
    }

.more-link {
    background: url(/Content/Images/op-85.png) repeat;
    padding: 10px 20px;
    margin: 20px 0px 20px 0px;
    border: 1px solid #333;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
}

ul, ol {
    margin: 20px 30px;
}

ol {
    margin: 0px 30px 20px 30px;
}

    ul li, ol li {
        font-weight: 300;
        font-size: 0.9em;
        margin-bottom: 5px;
        color: #333;
    }

    ol li {
        margin-bottom: 20px;
    }

img {
    border: 0px;
    max-width: 100%;
}

table {
    width: 100%;
    /*table-layout: fixed;*/
    max-width: 45% !important;
    /*border-top: 1px dotted #ccc;*/
    border-bottom: 1px dotted #ccc !important;
    margin-bottom: 3em !important;
    border-radius: 0 !important;
    float:left;
    margin-right:13px;
    
}

    table tr {
        border-radius: 0 !important;
        border-bottom: 1px dotted #bbb;
        /*border-bottom: 1px dotted #ccc !important;*/
    }

        table tr:hover {
            
            background-color: #eee;
            
        }

        table tr td:first-child {
            width: 40% !important;
            /*background: green;*/
            font-weight:600;
            color: red;
        }

        table tr td:last-child {
            /*background: lightblue;*/
            width: 80% !important;
        }
   
    .contact-layout table {
        max-width: 100% !important;
    }

table th, table td {
    padding: 1em 0.2em;
    border-radius: 0 !important;
}

table th {
    text-transform:uppercase
}

    table td img {
        max-width: 100%;
    }






header {
    /*background: #fff;*/
    /*height: 100%;
    max-height:180px;*/
    z-index: 45002;
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    margin:auto;
    width: 100%;
    /*max-width:70%;*/
    box-sizing: border-box;
    /*padding: 0em 1em 0 1em;*/
    background:#fff;
    -webkit-transition: background-color 700ms linear;
    -moz-transition: background-color 700ms linear;
    -o-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear;
    margin-bottom: 10px;
}

header .topp {
    /*height:120px;*/
    
    /*padding-bottom:10px;*/
    
}

header .menus {
    background-color: #000;
    color: #fff;
    height:40px;
    margin-top: -4em;
}


header.scrolled {
    /*background:#fafafa;*/
}

    /*header .logo-col {
        margin: 0.7em 20px 0px 20px;
        float: left;
        display: block;
        background:aqua;
        vertical-align:bottom;
    }*/
    
header .logo {
        /*margin: 0.7em 20px 0px 20px;*/
        float: left;
        display: block;
        margin-top:30px;
    }

        header .logo img {
            max-height: 70px;
            max-width:100%;
            width:400px;
            margin: 0em 0;
            transition: all .2s ease-in-out;
        }

    header .k-button{
        font-size:0.75rem;
    }

    header .contact .fa-phone, header .contact .fa-envelope {
        margin-right: 0.5em;
    }

    header .contact p{
        font-size:0.9rem;
        font-weight:400;
        margin:1.7em 2em 0 0;
    }
main {
    display: block;
    overflow: hidden;
    Margin-top: auto;
    
    /*width: 70% !important;
    margin-left: auto !important;
    margin-right: auto !important;*/
}

    main ul li {
        font-size: 0.9rem;
        font-weight:500;
    }


footer, .push {
    padding: 10px 0px 5px 0px;
}

footer {
    width: 100%;
    clear: both;
    bottom: 0px;
    z-index: 3000;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    background:#000;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 3em;
    padding-top: 4em;
    /*background:#fafafa;*/
    border-top:1px solid #eee;
}

    footer .container {
        max-width: 1200px;
        margin:0 auto!important;
    }

   .footer-adress .fas,  .footer-adress .far,  .footer-adress i, .extra-content em {
        color: red !important;
        font-size: 1rem;
        margin-bottom: 0;
        
        display:inline-block;
    }

    footer p {
        color: #fff;
        font-size: 0.875rem;
        line-height:2em;
        margin-bottom: 0;
        font-weight:300;
    }

.footer-logo p {
    
    font-size: 0.75rem;
    
}

    footer .footer-adress {
        border-left:1px solid #fff;
        
    }

.contact.footer-adress {
    border-left: 1px solid #000 !important;
     
}



.contact .footer-logo {
    max-width: 49% !important;
    display: inline-block;
}

.contact .footer-logo img {
    max-width: 100% !important;
    margin-bottom: 0 !important;

    
}

    footer .copyright {
        margin-top: 4.5em;
        /*padding-top: 3em;*/
        padding-bottom: 3em;
        border-top: 1px solid rgba(255,255,255,.4);
        font-size: 0.9rem;
        color: rgba(255,255,255, 0.6);
    }

        footer .copyright p {
            font-size: 0.9rem;
            color: rgba(255,255,255, 0.6);
            margin-bottom: 1em;
            margin-top: 20px;
        }

        footer .copyright img {
            opacity:0.7;
        
        }

        footer .copyright img:hover {
            opacity: 0.8;
        }

/*--- Formulär -------*/

.content-module {
    margin: 4em 0 !important;
}
          .formular, .content-module  {
              background: #ddd !important;
              padding: 0.5em;
              border-radius: 0.5em .5em;
              margin:1em 0;
          }

          .formular .label.top {
              margin: 1em 0;
              font-weight: 800;
              font-size: 1.2rem;
          }

            .formular .label.red {
                margin: 0.8em 0 0 0;
                
            }

            .formular .value .k-textbox {
                width: 95% !important;
                text-indent: .571em;
            }

            .formular .button {
                
                text-align:right;
                padding-right:1em
            }

            .formular .button .k-button {
                background: red;
                font-size:1rem;
                padding: 0.8em 1.9em;
                /*width:35%;*/
            }


/* Menu ----------------------------- */
#MenuBlanket {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 30003;
}

.tablet-menu {
    background: #fff;
    height: -moz-calc(100vh - 70px);
    height: -webkit-calc(100vh - 70px);
    height: -o-calc(100vh - 70px);
    height: calc(100vh - 70px);
    position: fixed;
    /*top: 70px;*/
    right: 0;
    width: 80%;
    right: -80%;
    max-width: 320px;
    
    padding: 2em 2em 40px 2em;
    box-sizing: border-box;
    overflow-y: auto;
    transition: 1s;
    margin-top: -10px;
}


    .tablet-menu.open {
        right: 0;
    }
    
    .tablet-menu .k-button{
        margin-bottom:2em;
        float:none;
        display:block;
        width:100%;
        padding:1em 0;
        font-size:0.8rem;
    } 
    
    .tablet-menu .k-item, .tablet-menu .k-link, .tablet-menu .k-panelbar {
        background: none!important;
        border: 0;
        box-shadow: none;
    }

        .tablet-menu .k-panelbar .k-item .k-link{
            font-weight:500;
            line-height:140%;
            padding:1em 0;
            text-align:left;
            font-size:1rem;
        }

            .tablet-menu .k-panelbar .k-item .k-link:hover, .tablet-menu .k-panelbar .k-item .k-link.k-state-selected {
                color: #000;
                font-weight: bold;
            }

        .tablet-menu .k-panelbar .k-group{
            background:none;
            padding-bottom:1.5em;
            padding-left:1em;
            padding-top:1em;
        }
        .tablet-menu .k-panelbar .k-item .k-group .k-link {
            padding: 0.5em 0;
        }

        .tablet-menu .k-panelbar .k-item.k-state-highlight .k-group .k-link {
            color: #333!important;
            border-bottom:0px solid #ccc!important;
        }

  

            .tablet-menu .k-panelbar .k-item.k-state-highlight .k-group .k-link:hover {
                color: #000 !important;
            }
        
        .menu-icon {
            display: none;
            float: right;
            margin: 0.3em 1em;
            text-align: center;
            font-size: 1.3rem;
            opacity: 0.9;
            cursor: pointer;
        }

.menu-icon:hover{
    opacity:1.0;
}

    .menu-icon:active {
        color: #0081C8;
    }

.menu-icon span{
    display:block;
    clear:both;
    text-align:center;
}


    nav.menu.desktop-menu {
    /*float: right;*/
    /*margin: 0.5em auto 0px auto;*/
    border: 0px;
    display: inline-block;
    width:100%;
    color:#fff;
}

        nav.menu.desktop-menu ul#Menu {
            background: none;
            border: 0px;
            /*float: right;*/
            /*position: relative;*/
            /*margin: 0em auto 0 auto;*/
            padding: 0px;
            /*clear: none;*/
            display: inline-block;
            text-align:center;
            margin-right:1.5em;
        }

    nav.menu.desktop-menu .k-menu{
        clear:none!important;
    }
    
    nav.menu.desktop-menu a.k-button {
        float: right;
        clear: none;
        display:block;
        vertical-align:top;
        margin:-0.2em 0 0 1.5em;
    }

        nav.menu.desktop-menu ul .k-item {
            background: none;
            border: 0px !important;
            padding: 0px;
            margin: 0 0 0 2em;
            box-shadow:none!important;
        }

            nav.menu.desktop-menu ul .k-item .k-link, nav.menu.desktop-menu ul .k-item span.k-link {
                background: none;
                border: 0px;
                color: #fff;
                padding: 0.7em 0.2em 0.5em 0.2em;
                margin: 0 0 0 0.4em;
                font-weight: 500;
                /*height: 55px;*/
                font-size: .9rem;
                /*box-sizing: border-box;*/
                border-bottom: 1px solid transparent;
                transition: border 1s;
                text-decoration: none !important;
                cursor: pointer !important;
                /*text-transform: uppercase;*/
                text-shadow: none !important;
                box-shadow: none !important;
                transition: width 0.2s;
            }

                nav.menu.desktop-menu ul .k-item .k-link:after, nav.menu.desktop-menu ul .k-item span.k-link:after {
                    display: block;
                    position: absolute;
                    left: 0;
                    bottom: 0px;
                    width: 0;
                    height: 1px;
                    /*background-color: #00cbff;*/
                    background-color: #000;
                    content: "";
                    transition: width 0.2s;
                }

                /*nav.menu.desktop-menu ul .k-item .k-link:hover:after, nav.menu.desktop-menu ul .k-item span.k-link:hover:after, nav.menu.desktop-menu ul .k-item .k-link.k-state-active:after, nav.menu.desktop-menu ul .k-item.k-state-highlight .k-link:after {
                    width: 100%;
                }*/


            nav.menu.desktop-menu ul .k-item span.k-link {
                cursor: default;
            }

            nav.menu.desktop-menu ul .k-item .k-link .k-icon {
                background: url(/Content/Images/sub-menu.png) no-repeat top center;
            }

            nav.menu.desktop-menu ul .k-item .k-link.k-state-active .k-icon {
                background: url(/Content/Images/sub-menu.png) no-repeat center center;
            }

            nav.menu.desktop-menu ul .k-item.k-state-highlight .k-link .k-icon {
                background: url(/Content/Images/sub-menu.png) no-repeat bottom center;
            }

            nav.menu.desktop-menu ul .k-item.k-last .k-link {
                margin-right: 0px;
            }
  
            
            nav.menu.desktop-menu ul .k-item .k-link:hover, nav.menu.desktop-menu ul .k-item .k-link.k-state-active {
                font-weight:800;
                border-bottom: 1px solid transparent;
                transition: border 1s;
            }



            nav.menu.desktop-menu ul .k-item .k-link:hover {
                border-bottom: 1px solid transparent;
                transition: border 1s;
                text-shadow: none !important;
            }



            nav.menu.desktop-menu ul .k-item.k-state-highlight {
                box-shadow: none;
                border-bottom: 1px solid transparent;
                transition: border 1s;

            }

nav.menu ul .k-item.k-state-highlight .k-link {
    color: #ccc;
   
    border-bottom: 1px solid transparent;
    text-shadow: none !important;
}

nav.menu ul .k-item.k-state-highlight .k-group .k-link {
    color: #4983C5;
}

nav.menu ul .k-item.k-state-highlight .k-group .k-link:After {
   width:0;
}

nav.menu ul .k-group .k-item:hover .k-link:after, nav.menu ul .k-group .k-item.k-state-selected .k-link:after {
    width: 100%;
}

nav.menu.desktop-menu ul .k-animation-container {
   z-index: 5 !important;
    
}

nav.menu.desktop-menu ul .k-group {
    min-width: 285px;
    padding: 0.2em 0em;
    background: #ccc;
    border: 1px solid #eaeaea;
    right: 0;
    top: 5px;
    box-shadow: none!important;
   
    position: absolute;
}

    nav.menu.desktop-menu ul .k-group .k-item{
        margin:0.5em 0.2em 0.5em 0;
    } 
    
    nav.menu.desktop-menu ul .k-group .k-item .k-link {
        text-transform: none;
        font-size: 0.9rem;
        font-weight: 300;
        margin-bottom: 0.5em;
        color: #333;
        padding: 1em 3em;
        height: auto;
        text-align: left;
        border: 0;
        margin: 0;
        display: block;
        text-shadow: none !important;
        background:#fff;
    }

        nav.menu.desktop-menu ul .k-group .k-item .k-link:hover {
            background:#000;
            border:0;
            color:#fff;
            font-weight:800;
        }

        nav.menu.desktop-menu ul .k-group .k-item.k-state-selected .k-link {
            color: #fff;
            background: #000;
            font-weight: 800;
        }

nav.menu.desktop-menu ul .k-item span.k-link .k-icon {
    display: none;
}



/*---- Slideshow ---*/
.slideshow-container {
position:relative;
background:#fff;
}

.slideshow-container, .bx-wrapper, .bx-viewport, .bxslider, .bxslider li {
    height: 70vh !important;
    max-height: 500px !important;
    margin-bottom: 0px !important;
    padding: 0 !important;
}

    .slideshow-container .content-image {
        height: 70vh !important;
        max-height: 500px !important;
    }

    .slideshow-container.pages, .slideshow-container.pages .content-image {
        height: 70vh !important;
        max-height: 500px !important;
    }

    .slideshow-container .content-image .slideshow-information {
        height: 100%;
        text-align: center;
        color: #fff;
        position: relative;
        /*margin: 0 15%;*/
        text-align: center;
        /*display: table;*/
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap:wrap;
        justify-content:center;
        vertical-align: middle;
        width: 100%;
        bottom: 0;
        max-width: 35%;
        background-color: rgba(0,0,0,.5);
        right: 3em;
        position: absolute;
    }

    .slideshow-container.pages .content-image .slideshow-information {
        background-color: rgba(0,0,0,0) !important;
    }


            .slideshow-container .content-image .slideshow-information .slideshow-text {
              
                text-align: center;
               
                vertical-align: middle;
              
                float:right;
                margin-right:60px !important;
                position:absolute;
                bottom: 90px;
                
            }

                .slideshow-container .content-image .slideshow-information .slideshow-text .name {
                    font-size: 2rem !important;
                    font-weight: 700;
                    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.647058823529412);
                    /*text-transform: uppercase;*/
                    text-align: center;
                    margin-bottom:1em;
                }

    .slideshow-container.pages .content-image .slideshow-information .slideshow-text .name {
        text-shadow: 1px 1px 5px rgba(0,0,0,.852);
    }

                    .slideshow-container .content-image .slideshow-information .slideshow-text .slideshow-description {
                        font-size: 0.875rem;
                        font-weight: 600;
                        text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.647058823529412);
                        text-align: center;
                    }

.slideshow-link-button {
    background-color: #fff;
    margin:20px 50px;
    border-radius: 5px;
    padding:5px;
   }

.slideshow-link-button .link-button {
    
    color: red;
    text-align: center;
    font-weight:700;
    font-size: 1em;
}

.bx-pager .bx-pager-item .bx-pager-link.active{
 background: red !important;
}


/*---Placeholder ----*/
.container-fluid.placeholder-start {
    text-align: center;
    position: relative;
    padding-top: 2em;
  }


    .placeholder-start .placeholder-item img {
        width:100%;
        height:auto;
        max-height: 300px;
        max-width: 300px;
        border-radius: 50%;
        margin-bottom: 30px;
    }

    .placeholder-start .placeholder-item a {
        color: #E42F1C;
        border: 1px dashed #E42F1C;
        padding: 10px 20px;
        font-size: 0.8rem;
        font-weight: 600;
        margin-top:1em;
        border-radius:3px;
        display:inline-block;
    }

        /*.placeholder-start .placeholder-item a:hover {
            background: #E42F1C;
            color: #fff;
        }*/


    .placeholder-start .second-color {
       
        /*display: inline-block;
width: 100%;
height: 100%;
padding:0;
text-transform: uppercase;
font-size: 1.375rem;
color: #000;
border:none;
font-weight:300;
margin:0;
display:grid;
align-content:flex-end;

padding-bottom:0.2em;*/

    }

        .placeholder-start .second-color a {
            /*background: purple;*/
            display: grid;
            width: 100%;
            height: 100%;
            position: absolute;
            bottom: 0;
            align-content: flex-end;
            z-index: 1000;
            padding: 1em;
            box-sizing: border-box;
            border: none;
            text-transform: uppercase;
            font-size: 1.175rem;
            color: #000;
            font-weight: 300;
            padding-bottom: 0.4em;
        }

/* --- förösk till fix av grid i safari 9.0 --- */

/*.placeholder-start > div .second-color a {
    display:inline-block;
}


.placeholder-start > div .second-color a {
    background-color: red;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}*/

/* --- Slut av fix --- */

            .placeholder-start .second-color a:hover {
                       
            font-weight: 600;
        }


            /*.placeholder-start .second-color a::before,*/ .placeholder-start .second-color a:before {
                z-index: -1;
                content: "";
                background: rgba(255, 255, 255, 0.85);
                width: 100%;
                height: 50px;
                display: block;
                position: absolute;
                bottom: 0;
                transition: 0.1s;
            }

        /*.placeholder-start .second-color:hover a::before,*/ .placeholder-start .second-color:hover a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.75);
            display: block;
        }


        .placeholder-start .links-start {
            height:200px;
            
           
            padding:0.3em !important;
           /* max-width:23%;
            margin:0.5em;*/
          }

.placeholder-item {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
   
}

 .placeholder-item, .placeholder-start {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
    height:100%;
    position:relative;
    
}


 .footer-adress .placeholder-item {
     height:20px !important;
     display:inline-block;
     margin-bottom:0;
 }

    .placeholder-start .placeholder-text{
        position: relative;
        bottom: 0;
        /*background-color: rgba(255, 255, 255, 0.70);*/
        width: 100%;
        height: 100%;
        /*padding-top: .1em;*/
        text-transform: uppercase;
        font-size: 1.375rem;
        color: #000;
    }


    .placeholder-item .placeholder-text {
        position: relative;
        bottom: 0;
        /*background-color: rgba(255, 255, 255, 0.70);*/
        width: 100%;
        height: 100%;
        padding-top: 2em;
        font-size: 1.375rem;
        color: #000;
    }

.footer-adress .placeholder-item .placeholder-text, .footer-logo .placeholder-item .placeholder-text, .footer-link .placeholder-item .placeholder-text {
    /*background-color: rgba(255, 255, 255, 0.70);*/
    margin-top:0 !important;
    padding: 0;
}



.text-left .placeholder-item .placeholder-text, .text-center .placeholder-item .placeholder-text {
    /*background-color: rgba(255, 255, 255, 0.70);*/
    margin-top:2em;
    padding: 0;
}

.latest-paper {
    /*height:100%;
    max-height:170px;*/
   
    overflow:hidden;
    z-index: 10;
}

.latest-paper .news {
    width:57%;
    float:right;
    height:170px;
}

 


    /*.latest-paper .placeholder-item {
        background-repeat: no-repeat !important;
        background-position: right top !important;
        background-size: 250px !important;
        z-index: 9800;
      }

   


.latest-paper .placeholder-item a {
    background: red;
    padding:10px;
    color:#fff;
    float:left;
    margin-left:1em;
    border-radius: 5px;
    font-weight: 700;
    box-shadow:rgba(0,0,0,0.5) 5px 5px 10px;
    font-size:1.2rem;
    
    
    }

      .news .extra-content  blockquote, .link a {
        background: red !important;
        padding: 10px !important;
        color: #fff !important;
        float: right !important;
        margin-right: 11em !important;
        border-radius: 5px !important;
        font-weight: 700 !important;
        box-shadow: rgba(0,0,0,0.5) 5px 5px 10px !important;
        z-index: 7600 !important;
        position:absolute !important;
        bottom:12.5em !important ;
        left:0.2em !important;
        
    }*/

    .latest-paper .link {
        position: absolute !important;
        top: 3.5em !important;
       
        left: -0.6em !important;
       
        width:240px;
    }

     .content-picture .news .link {
        
        margin:2em 0;
      
    }

        .latest-paper .link a, .content-picture .news .link a, .news .extra-content a {
            background: red !important;
            padding: 10px !important;
            color: #fff !important;
            /*float: right !important;*/
            border-radius: 5px !important;
            font-weight: 700 !important;
            box-shadow: rgba(0,0,0,0.5) 5px 5px 10px !important;
            z-index: 7600 !important;
            position: unset !important;
            margin-right: 0 !important;
            font-size:0.95rem;
        }

.right-col.news .extra-content blockquote {
    
    
    text-align:right !important;
    float: right !important;
    /*margin-right: 11em !important;*/
    border-radius: 5px !important;
    font-weight: 700 !important;
    box-shadow: rgba(0,0,0,0.5) 5px 5px 10px !important;
    z-index: 7600 !important;
    position: absolute !important;
    bottom: 3em !important;
    right: 12em !important;
    left: auto !important;
}

.latest-paper .placeholder-item em, .news .extra-content em {
    font-size: 2rem;
    color:#fff !important;
    vertical-align:middle;
}



.news .extra-content a {
    color:#fff !important;
    font-weight:600 !important;
}


.newsim {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}

.latest-paper .newsim {
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 10px 0 rgba(0, 0, 0, 0.3);
    transform:rotate(-355deg);
    position:relative;
    left:-10px;
}

.archive-year {
    background: #ddd;
   
    margin-bottom: 2em;
    vertical-align: middle;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
    /*border-top: 2px solid #000;
    border-bottom: 2px solid #000;*/
}
    .archive-year h2 {
        margin-bottom: 0 !important;
        padding: 0.2em 0 0.2em 0.5em;
        margin-top: 0;
        font-size: 1.8rem !important;
    }




    /*---- Startsida ---- */
    .startpage, .content-page {
    position: relative;
    /*max-width: 1024px;*/
    margin: 0 auto !important;
    margin-top: 2em !important;
}

    .startpage .right-col, .content-page .right-col {
        /*padding-left: 4em;*/
        background:#ccc;
        margin-top:2em;
        min-height:0px;
        border-radius: 20px;
        clear:both;
        
       
    }

        .content-page .right-col.contact {
            /*padding-left: 4em;*/
            background: none !important;
            margin-top: 2em;
            min-height: 0px;
        }

    .right-col img {
        width:100%;
        /*max-width:50%;*/
        /*margin-right: 2em;*/
        padding:1.5em;
    }

    
    .footer-logo img {
        max-width:100% !important;
        padding:0 !important;
        margin-bottom: 0 !important;
    }

    .main-col {
        margin-bottom:2em;
        /*background:aqua;*/
        padding:0;
        /*height:100%;*/
    }

h1.heading{
    color:#fff;
    margin:0;
}


/*----- Content-Page ----------*/

.content-page h2, .extra-content h1, .extra-content h2 {
  
    font-weight: 800 !important;
    
}



.extra-content h1, .extra-content h2, .extra-content h3, .extra-content h4, .extra-content h5, .extra-content h6 {
    /*text-transform: uppercase;*/
    text-align: center;
    /*margin: 0.5em 0.25em;*/
}

.content-picture .extra-content h1, .content-picture .extra-content h2, .content-picture .extra-content h3, .content-picture .extra-content h4, .content-picture .extra-content h5, .content-picture .extra-content h6 {
    margin: 0 0 0.5em 0;
    text-transform:  none !important;
    text-align: left !important;
}

.extra-content p {
    text-align:center;
}

.content-picture .extra-content p {
    text-align: left;
}

    .content-page p {
        line-height: 1.5rem;
    }

.content-picture {
    border-left: 1px solid #000;
    margin-top: 4em;
}

.right-col {
    margin-top:4em;
}

.extra-content {
    overflow:hidden;
}

/* ---- Contact-page -----*/

.contact .extra-content {

    margin-bottom: 2em;
}

.contact.content-picture .extra-content p {
    font-size: 0.8rem;
    color: #000;
    line-height: 1.8em;
    
    
}

.contact.content-picture .extra-content em {
    padding-right: 7px;
}

.contact.content-picture .extra-content p strong, .contact.content-picture .extra-content a {
    font-size: 1rem;
 
}

 /*.contact.content-picture .extra-content a, contact.footer-adress .placeholder-item .placeholder-text a {
   
    color: rgba(101, 101, 101, 0.80) !important;
}

    .contact.content-picture .extra-content a:hover {
        color: rgba(78,77,77,1) !important;
    }*/

.contact.content-picture .extra-content img {
    margin-right: 0.75em;
    clear:both;
   
}

.contact.content-picture .extra-content hr {
    margin: 1em auto !important;
    border-color: #fff !important;
}


/* Up -btn ----------------- */
.up-btn {
    display: block;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    position: fixed;
    background: #333;
    right: 20px;
    bottom: 20px;
    text-align: center;
    text-decoration: none;
    transform: rotate(180deg) scale(0.5);
    visibility: hidden;
    width: 40px;
    z-index: 10000;
    border-radius: 50%;
    transition: all 250ms ease-in-out 0s;
}

    .up-btn.visible {
        visibility: visible;
        opacity: 1.0;
        transform: rotate(0deg) scale(1.0);
    }

    .up-btn .fal {
        color: #F5F5E0;
        font-size: 2em !important;
        margin-top:0.1em;
    }

    .up-btn:hover {
        background: #000;
    }

/* Google maps fix ------------------*/
.google-maps {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
    margin-bottom: 1.5em;
}

    .google-maps iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

    /* ---- error ----- */

    .message{
        background:red !important;
        
        padding:0.2em;
        margin-bottom:1em;
    }

.error li, .info li {
    color: #fff !important;
    font-weight:800 !important;
}