.contentelement
{
    float:left;
    width:100%;
}

.contentelement.defaulttop
{
    padding-top:80px;
}

.contentelement.smalltop
{
    padding-top:40px;
}

.contentelement.notop
{
    padding-top:0;
}

.contentelement.defaultbottom
{
    padding-bottom:80px;
}

.contentelement.smallbottom
{
    padding-bottom:40px;
}

.contentelement.nobottom
{
    padding-bottom:0;
}

.contentelement.bgcolor-1
{
    background:#fdefda;
}

.contentelement.bgcolor-2
{
    position:relative;
}

.contentelement.bgcolor-2:after
{
    background: url('../Images/kontakt_hintergrund.jpg');
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:-1;
}

.contentelement.bgcolor-3
{
    background:#000;
}

.contentelement header h2,
.contentelement header h3
{
    opacity:0;
    text-align:center;
}

.textimage
{
    float:left;
    width:100%;
}

.textimage .imagewrapper img
{
    margin:0 auto;
}

.textimage.imageorient-0 .imagewrapper,
.textimage.imageorient-8 .imagewrapper
{
    float:left;
    width:100%;
}

.textimage.imageorient-0 .textwrapper,
.textimage.imageorient-8 .textwrapper
{
    float:left;
    margin:20px 0 0;
    width:100%;
}

.textimage.imageorient-8 .textwrapper
{
    margin:0 0 20px;
    text-align:center;
}

.textimage.imageorient-8 .textwrapper p:last-child
{
    margin-bottom:0;
}

.textimage.imageorient-25 .imagewrapper,
.textimage.imageorient-26 .imagewrapper
{
    float:right;
    margin:0 0 0 40px;
    width:calc(~"50%" - 20px);
}

.textimage.imageorient-26 .imagewrapper
{
    float:left;
    margin:0 40px 0 0;
}

.textimage.imageorient-25 .textwrapper,
.textimage.imageorient-26 .textwrapper
{
    float:left;
    width:calc(~"50%" - 20px);
}

.textimage.imageorient-17 .imagewrapper
{
    float:right;
    margin:0 0 20px 20px;
    max-width:calc(~"50%" - 10px);
}

.textimage.imageorient-18 .imagewrapper
{
    float:left;
    margin:0 20px 20px 0;
    max-width:calc(~"50%" - 10px);
}

.parallax-window 
{
    min-height: 400px;
    background: transparent;
}

.parallax-window table
{
    height:100%;
    width:100%;
}

.parallax-window table h1,
.parallax-window table h2,
.parallax-window table h3,
.parallax-window table p,
.parallax-window table a
{
    color:#fff;
    padding-left:160px;
}

.parallax-window table tr td
{
    vertical-align:middle;
}

.parallax-window table .container
{
    padding:135px 35px 0;
    position:relative;
}

.parallax-window table .container:before
{
    background:url('../Images/quote-icon.png') no-repeat;
    bottom:0;
    content:' ';
    display:block;
    height:272px;
    left:35px;
    position:absolute;
    width:147px;
    z-index:10;
}

.parallax-window table h2
{
    font-size:48px;
    font-weight:300;
    line-height:55px;
    margin-bottom:0;
    text-transform:none;
}

.threecolumn
{
    float:left;
    width:100%;
}

.threecolumn .column
{
    float:left;
    margin:0 21px 0 0;
    width:calc(~"100% / 3" - 14px);
}

.threecolumn .column.last
{
    margin-right:0;
}

.threecolumn .column .imagewrapper
{
    float:left;
    margin:0 0 20px;
    width:100%;
}

.threecolumn .column .imagewrapper img,
.threecolumn .column .imagewrapper video,
.threecolumn .column .imagewrapper audio
{
    display:block;
    margin:0 auto;
    max-width:100%;
}

.threecolumn .column .textwrapper
{
    float:left;
    width:100%;
}

.smallbigcolumn
{
    float:left;
    width:100%;
}

.smallbigcolumn.smallleft .smallcolumn
{
    float:left;
    margin:0 20px 0 0;
    width:calc(~"100% / 3" - 10px);
}

.smallbigcolumn.smallleft .bigcolumn
{
    float:right;
    width:calc(~"100% / 3 * 2" - 10px);
}

.smallbigcolumn.smallright .smallcolumn
{
    float:right;
    width:calc(~"100% / 3" - 10px);
}

.smallbigcolumn.smallright .bigcolumn
{
    float:left;
    margin:0 20px 0 0;
    width:calc(~"100% / 3 * 2" - 10px);
}

.smallbigcolumn .smallcolumn .imagewrapper
{
    float:left;
    margin:0 0 20px;
    width:100%;
}

.smallbigcolumn .smallcolumn .imagewrapper img,
.smallbigcolumn .smallcolumn .imagewrapper video,
.smallbigcolumn .smallcolumn .imagewrapper audio
{
    display:block;
    margin:0 auto;
    max-width:100%;
}

#c75.contentelement
{
	position:relative;
    z-index:25;
}

#c74.contentelement
{
    position:relative;
    z-index:20;
}

#c74.contentelement header
{
    margin:0 0 115px;
    padding:0 0 60px;
    position:relative;
}

#c74.contentelement header:after,
#c74.contentelement header:before
{
    background:rgba(237,118,53,0.5);
    bottom:0;
    content:' ';
    height:3px;
    position:absolute;
    transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    width:0;
}

#c74.visible.contentelement header:after
{
    right:50%;
    width:50%;
}

#c74.visible.contentelement header:before
{
    left:50%;
    width:50%;
}

#c74.contentelement .background
{
    background:url('../Images/background-corn.png') bottom right no-repeat;
    background-size:1300px;
    bottom:0;
    height:1429px;
    opacity:0.5;
    position:absolute;
    right:0;
    width:1687px;
    z-index:-1;
}

#c74.contentelement .textimage
{
    position:relative;
}

#c74.contentelement .textimage:before
{
    background:url('../Images/logo-signet.png') center #c7a589;
    background-repeat:no-repeat;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    content:' ';
    display:block;
    height:56px;
    left:calc(50% - 70px);
    opacity:0;
    padding:42px 23px;
    position:absolute;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    top:-188px;
    width:94px;
    z-index:2;
}

#c74.visible.contentelement .textimage:before
{
    opacity:1;
}

#c74.contentelement .textwrapper
{
    float:none;
    margin:0 auto;
    opacity:0;
    max-width:920px;
}

#c73.contentelement .textimage.imageorient-8 .textwrapper,
#c72.contentelement .textimage.imageorient-8 .textwrapper,
#c71.contentelement .textimage.imageorient-8 .textwrapper
{
    margin-bottom:0;
}

@media (min-width:1024px) and (max-width:1200px)
{
    #c74.contentelement .background
    {
        background-size:950px;
    }
}

@media (min-width:768px) and (max-width:1023px)
{
    .parallax-window table h1,
    .parallax-window table h2,
    .parallax-window table h3,
    .parallax-window table p,
    .parallax-window table a
    {
        padding-left:128px;
    }
    
    .parallax-window table .container
    {
        padding-top:85px;
    }
    
    .parallax-window table .container:before
    {
        background:url('../Images/quote-icon.png') no-repeat;
        background-size:100px;
        height:185px;
        width:99px;
    }
    
    .parallax-window table h2
    {
        font-size:34px;
        line-height:40px;
    }
    
    #c74.contentelement .background
    {
        background-size:850px;
    }
}

@media (max-width:767px)
{
    .contentelement.defaulttop
    {
        padding-top:40px;
    }
    
    .contentelement.defaultbottom
    {
        padding-bottom:40px;
    }
    
    .contentelement.smalltop
    {
        padding-top:20px;
    }
    
    .contentelement.smallbottom
    {
        padding-bottom:20px;
    }
    
    .textimage.imageorient-26 .imagewrapper,
    .textimage.imageorient-25 .imagewrapper,
    .textimage.imageorient-18 .imagewrapper,
    .textimage.imageorient-17 .imagewrapper
    {
        float:left;
        margin:0 0 20px;
        width:100%;
        max-width:none;
    }
    
    .textimage.imageorient-26 .textwrapper,
    .textimage.imageorient-25 .textwrapper,
    .textimage.imageorient-18 .textwrapper,
    .textimage.imageorient-17 .textwrapper
    {
        float:left;
        width:100%;
    }
    
    .threecolumn .column
    {
        margin-right:0;
        width:calc(~"100% / 2 - 10px");
    }
    
    .threecolumn .column.first
    {
        margin-right:20px;
    }
    
    .threecolumn .column.last
    {
        margin-right:0;
        margin-top:20px;
        width:100%;
    }
    
    .smallbigcolumn.smallleft .smallcolumn,
    .smallbigcolumn.smallright .bigcolumn
    {
        margin-right:0;
        width:100%;
    }
    
    .smallbigcolumn.smallleft .bigcolumn,
    .smallbigcolumn.smallright .smallcolumn
    {
        width:100%;
    }
    
    .parallax-window
    {
        min-height:300px;
    }
    
    .parallax-window table
    {
        height:300px !important;
    }
    
    .parallax-window table h1,
    .parallax-window table h2,
    .parallax-window table h3,
    .parallax-window table p,
    .parallax-window table a
    {
        padding-left:45px;
    }
    
    .parallax-window table .container
    {
        padding:76px 20px 20px;
    }
    
    .parallax-window table .container:before
    {
        background:url('../Images/quote-icon.png') no-repeat;
        background-size:35px;
        bottom:none;
        height:64px;
        left:20px;
        top:56px;
        width:35px;
    }
    
    .parallax-window table h2
    {
        font-size:25px;
        line-height:30px;
        text-align:center;
    }
    
    .parallax-window table p
    {
        font-size:14px;
        margin-top:10px;
        text-align:center;
    }
    
    #c74.contentelement .background
    {
        display:none;
    }
    
    #c74.contentelement header
    {
        margin-bottom:65px;
        padding-bottom:40px;
    }
    
    #c74.contentelement header h3
    {
        line-height:20px;
        margin-bottom:0;
    }
    
    #c74.contentelement .textimage:before
    {
        background:url('../Images/brezel-hell.png') center #c7a589;
        background-repeat:no-repeat;
        background-size:63px;
        border-radius: 100px;
        height:56px;
        left:calc(50% - 46px);
        padding:19px 0;
        top:-116px;
        width:94px;
    }
}

@media (max-width:500px)
{
    .threecolumn .column
    {
        margin:0 0 20px;
        width:100%;
    }
    
    .threecolumn .column.last
    {
        margin-bottom:0;
    }
}