/*
Theme Name: Marmulla.lu
Author: Andreas Wundersee
Author URI: http://www.onoffdesign.de/
Description: Ein Wordpress-Template von ON/OFF Design
Version: 1.0
*/

body, html {
	margin:0px;
	padding:0px;
    background-color:#000;
    color:#fff;
}

input, button, video, img, video:active, video:hover, video:focus {
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	outline:0px;
}

.transition-2 {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;	
}

.transition-6 {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	transition: all 0.6s ease;	
}

/* Margin */

.no-margin {
    margin:0px;
}

.big-margin-bm {
    margin-bottom: 100px;
}

.margin-bm {
    margin-bottom: 50px;
}

.small-margin-bm {
    margin-bottom: 25px;
}

.smallest-margin-bm {
    margin-bottom: 15px;
}

.big-margin-top {
    margin-top: 100px;
}

.margin-top {
    margin-top: 50px;
}

.small-margin-top {
    margin-top: 25px;
}

.smallest-margin-top {
    margin-top: 15px;
}

/* Padding */

.no-padding {
    padding:0px;
}

.big-padding-bm {
    padding-bottom: 100px;
}

.padding-bm {
    padding-bottom: 50px;
}

.small-padding-bm {
    padding-bottom: 25px;
}

.smallest-padding-bm {
    padding-bottom: 15px;
}

.big-padding-top {
    padding-top: 100px;
}

.padding-top {
    padding-top: 50px;
}

.small-padding-top {
    padding-top: 25px;
}

.smallest-padding-top {
    padding-top: 15px;
}

/* Visitenkarte */

body, html {
    margin:0px;
    padding:0px;
    font-family: 'Montserrat';
}

.logo-block, .contact-block {
    font-size: 30px;
    width:410px;
    margin:auto;
}

.contact-block {
    font-size: 14px;
    font-weight: 300;
    margin-top: 30px;
}

.marmulla, .text, .kultur {
    position: relative;
    display: inline-block;
}

.marmulla:after, .text:after, .text:before, .kultur:after {
    display: inline-block;
    position: relative;
    content:"";
    width: 110px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    margin-left: 5px;
}

.text:after {
    width:70px;
}

.text:before {
    width:181px;
}

.kultur:after {
    width:293px;
}

.outer-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.admin-bar .outer-wrapper {
    height:calc(100vh - 32px);
}

@media (max-width:767px) {

    .admin-bar .outer-wrapper {
        height:calc(100vh - 46px);
    }   
    
    .logo-block, .contact-block {
        font-size: 24px;
        width:280px;
        margin:auto;
    }    
    
    .contact-block {
        font-size: 16px;
        margin-top: 30px;
    }

    .marmulla:after, .text:after, .text:before, .kultur:after {
        width: 45px;
        border-bottom: 1.5px solid #fff;
    } 

    .text:before {
        width: 102px;
    } 
    
    .text:after {
        width: 57px;
    } 
    
    .kultur:after {
        width: 194px;
    }     
    
}