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

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

}



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

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

}

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

}


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

}


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

}




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

}


html, body {
    height: 100%
}

body {
    font-family: open_sanslight;
    line-height: 1.4em;
    letter-spacing: 0.006em;
    /*    background: url(../img/dust.png) repeat;*/
    

/*
    border-left-width: 10px;
    border-left-style: solid;
    border-left-color: #efefef;
*/
    

    background: #fafafa;
}



h1, h2, h3, h4 {
    font-weight: normal;
}

h1 {
    font-family: open_sanssemibold_italic;
    line-height: 1em;
    padding-left: 0.5em;
    margin-bottom: 16px;
    color: #2f4155;
}

h1:first-of-type {
    margin-top: 3em;
}

h1:last-of-type {
    border-bottom: 1px solid rgb(00, 255, 0);
}
h1:last-child {
    margin-bottom: 0;
}

a {
    color: #2f4155;
}
a:hover {
    color: #000;
}

h1.lasth1 {
    margin-top: -1.2em;
}

h3#h3sub {
    font-size: 1em;
    margin-top: -2.4em;
    padding-left: 1em;
    background: #fafafa;
    margin-bottom: 0;
    font-family: open_sansitalic;
}


h2 {
    font-family: open_sansregular;
    text-transform: uppercase;
    font-size: 1.3em;
    line-height: 1.4em;
}

h2 a {
    text-decoration: none;
    color: #000;
}
h2 a:hover {
    text-decoration: underline;
    color: green;
}
h3 {
    font-size: 100%
}
.sbi {
    font-family: open_sansitalic;
}
h4 {
    line-height: 1.4em;
    margin: 0;
}

dl dt, h3{
    font-family: open_sanssemibold;
    text-transform: uppercase;
    font-weight: normal;
}

dd {
    margin-bottom: 3em;
}

dd li {
    padding: 0;
}
dd ul {
    padding-top: 0.3em;
}

ul {
    margin: 0;
}
ul ul li{
    list-style-image:url(../img/line.png);
}

li {
    list-style-image:url(../img/circle.png);
    padding: 0.3em 0;
    margin: 0 1em;
}

.pws_tabs_controll li {
    list-style: none;
    margin-right: 2em;
    margin-left: 0;
   
    font-family: open_sansregular;
    text-transform: uppercase;
    font-size: 1.3em;
}
    


#headerslide section h4 {
     position: absolute;
    z-index: 1000;
    text-align: center;
    font-size: 1.5em;
    font-family: open_sansbold;
    padding: 0.5em 0.8em;
}

#headerslide section #claim1{
    top: 15%;
    left: 40px;
}
#headerslide section #claim2{
    top: 27%;
    left: 40px;
}
#headerslide section #claim3{
    bottom: 5%;
    right: 40px;
}
#soccer img {
    margin-top: 0 !important;
}
.slider-pro {
    margin-top: -4%;
}
.img-offer {
    position: absolute;
/* max-width: 100%; */
    right: 0;
    max-width: none;
}

.img-ref {
    position: relative;
    float: right;
    max-width: 150px;
}

#img-intro {
/*    float: right;*/
}


.sidepic {
    overflow: hidden;
    position: relative;
    right: -2%
}




.content div.sp-slide {
    display: none;
    top: 0;
}
.content div.sp-slide.sp-selected {
    display: block;
    top: 0;
}



row {
/*    margin-bottom: 4em;*/
/*
    opacity: 0.7;
	filter: alpha(opacity=30);
*/
}

/*
row:hover {
    background: #fafafa;
    opacity: 1;
	filter: alpha(opacity=1);
}
*/

row.headline {
    background: #efefef;
    border-top: 3px solid #e8e8e8;
/*    width: 120%;*/

}

.content {
    margin-bottom: 6em;
    margin-top: 6em;
    padding: 1em;
}

.content:last-child {
    margin-bottom: 0;
    padding-bottom: 6em;
}
.contact {
    background: rgb(00, 255, 0);
    color: #2f4155;
    border-top: 4px solid #00d100;
    margin-bottom: 0;
    padding: 5em 0;
    font-family: open_sanssemibold
}

.contact h2, .contact row {
    color: #2f4155;
    margin: 0;

}
/*

row {
    border: 1px solid black
}
column {border: 1px solid red;
}
*/

#headerslide {
    margin-bottom: 3em;
/*    position: fixed;*/
    z-index: 1;
    font-family: open_sanssemibold_italic;
    color: #fff;
}
#headerslide h4{
    font-size: 1.2em;
    letter-spacing: 0.01em;
}
#headerslide h3 {
    font-family: open_sansbold;
    font-size: 2em;
}
.sp-black {
    background: #fff;
    background: rgba(0, 255, 0, 0.5)
}
.sp-black h3, .sp-black h4 {
    color: #fff;
}

#wrapper {
    position: relative;
    z-index: 100;
/*    top: 715px;*/
}
#wrappercontent {
    background: #fafafa;
    overflow: hidden;    
}

#logo {
    position: relative;
    height: 100px;
    width: 100%;
    margin-bottom: 4em;
}

#logo img {
    width: 250px; 
    position: absolute; 
    left: 50%; 
    margin-left: -125px;
}

#c_button {
    position: absolute;
    right: 1em;
    top: 130px;
    display: none;
}
#c_button a {
    color: #00ff00;
}

#wrapperborder {
    border-left-width: 15px;
    border-left-style: solid;
    border-left-color: #efefef;
}


#topics-right {
    margin-top: 42px;
}



.sp-top-thumbnails {
    left: 10%;
}

div.sp-thumbnails-container.sp-top-thumbnails.sp-has-pointer {
    width: 100% !important;
} 

.sp-selected-thumbnail h2 {
/*    text-decoration: underline;*/
}

div.sp-thumbnails.sp-grab {
    width: 100% !important;
/*
    -webkit-transition: none !important;
    transform: none !important;
*/

}
div.sp-thumbnails.sp-grabbing {
    width: 100% !important;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail  {
    position: relative;
    bottom: 0;
}


#themen-pic {
    margin-top: 0.4em;
}


.themen row {
    margin-top: 3em;
}

.pws_tabs_container {
    min-height: 500px;
}

.angebot .pws_tabs_container ul.pws_tabs_controll {
    margin-left: calc(9.53333333%);
    margin-bottom: 1.5em;
}

.pws_tabs_list{
    overflow: visible;
}
ul.pws_tabs_controll li {
    list-style: none;
}

.pws_tabs_container ul.pws_tabs_controll li a {
    margin: 0;
    padding: 0;
}

.pws_tab_single, .pws_tabs_list {
    padding: 0;
}


#buch {
    position: relative;
    margin-left: 50%;
    text-align: right;
    width: 332px;
    background: #efefef;
    padding: 2%;
    border: 1px solid rgb(00, 255, 0);
}

#buch p {
    float: left;
    width: 56%;
    text-align: right;
}

#buch img{
    width: 130px;
    float: none;
    position: relative;
}



@media (max-height: 790px) {
   
    #headerslide {
    margin-bottom: 1.5em;
    }
    
    #logo {
    margin-bottom: 1em;
}
    
    #logo img{
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 1100px) {
   
    .angebot row[end]{
        width: 100%;
        flex-direction: column;
    }
    .angebot column[cols="6"]{
        width: 100%;
        flex-direction: column;
    }
}


@media (max-width: 768px) {
    h1 {
        padding-right: 1em;
    }
    .headline column[cols] {
        margin-bottom: 0;
    }
    
    #c_button {
    display: block;
    }
    
    #logo img {
    width: 250px;
    position: absolute;
    left: 50%;
    margin-left: -125px;
    }
    
    .content {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    
    
    #themen-pic {
        display: none;
    }
  
.img-offer {
        position: relative;
    right: auto;
    top: auto;
    max-height: auto;
    }
    .sidepic {
        display: none;
    }

    .contact {
        padding: 5em 2em;
    }
    
#buch {
        margin-left: 0;
    }
    
    
}

@media (min-width: 1370px) {
   
    .slider-pro {
    margin-top: -8%;
    }
    #headerslide section #claim1{
    top: 20%;
    left: 40px;
    }
#headerslide section #claim2{
    top: 30%;
    left: 40px;
}
    

    
}

@media (min-width:  1720px) {
   
    .slider-pro {
    margin-top: 0%;
    }
    #headerslide section #claim1{
    top: 5%;
    left: 40px;
    }
#headerslide section #claim2{
    top:  15%;
    left: 40px;
}
    
    
    
}