﻿

@font-face {
    font-family: "Mulish";
    font-display: swap;
    src: url("/fonts/Mulish-Italic-VariableFont_wght.ttf");
}

@font-face {
    font-family: "Kumbh Sans";
    font-display: swap;
    src: url("/fonts/KumbhSans-VariableFont_YOPQ,wght.ttf");
}

body {
    font-family: Mulish, Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin: 0;
    padding: 0;
    line-height: 1.8;
    color: #000000;
}

p {
    font-family: Mulish, Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #000000;
}



.TrainingDetail_Form_Wahl {
    / /* color: white;
    background-color: #2276d0;*/
    font-weight: bold;
    font-size: 14px;
    margin:10px;
} 



input[type=text] {
    padding: 5px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    input[type=text]:focus {
        border-color: #333;
         
    }
input {
    padding: 5px 10px 5px 10px !important;
    margin-bottom: 10px;
}

label {
    
    margin: 10px;
}


input[type=submit] {
    padding: 12px 24px !important;
    font-weight: 700 !important;
    background: #ccc !important;
    border: 0 none !important;
    cursor: pointer !important;
    border-radius: 50px !important;
    background-color: #e20612 !important;
    color: #ffffff !important;
}


.Button {
    padding: 12px 24px !important;
    font-weight: 700 !important;
    background: #ccc !important;
    border: 0 none !important;
    cursor: pointer !important;
    border-radius: 50px !important;
    background-color: #e20612 !important;
    color: #ffffff !important;
} 


#content a { color:red; text-decoration:none; }
#content h2 a { color:red; text-decoration:none; font-weight:bold ;}
#content a:hover {
    text-decoration: underline;
   
}



#content h1 {
    font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.1;
    color: #000000;
}

#content h2 {
    font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.4;
    color: #000000;
}

#content h3 {
    font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.3;
    color: #000000;
}

h4 {
    font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    color: #000000;
}

#right h2 { font-size:140%; margin:0 0 10px 0; padding:2px 5px; font-weight:bold; color:#940000; background-color:#FE0000; }
#right h3 { font-size:100%; margin:0; padding:2px 5px; font-weight:bold; color:#940000; background-color:#FE0000; }
#right h3 a { color: #940000; }
.defaultnewscontainer div { padding: 0 0 0 5px; }



	#page { width: 100%; min-height:0px; margin: 0 ; padding: 0;}
   	#contentcontainer   {float:left; width: 100%; } 
	#head, #floatholder, #content {width: 100%; }
	.InfokastenOben {display:block}
	.InfoKastenPrivatInner {display:none}
		
	#logo  {float:right;    width: 70%;margin-right: 20px;}
	#logo img {float:right;    width: 70%; }
#content {
    width: 100%;
    min-height: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 30px;
    font-size: 90%;
}
	#suche {float:right; padding-top:10px; margin-right: 20px; margin-left: 0px}
	#content h2 {    font-size:130%;  }
	#content ul {padding:0; margin-left:19px;;}
	#warenkorb {   float:left; font-size: 110%;    margin-left: 10px;  margin-top: 0px; padding-bottom:5px; }
	#headnavigation {display: none }
	#content  h3{    font-size:100%;  }
/**#content	img {	max-width: 100%;	width: 100%; margin-botton: 15px; height: auto;}*/	
		#left2 {display: none}
	#foot {padding-left: 10px; padding-top: 10px; padding-bottom: 7px;}
	#FBpic {display: block; margin-top: 20px; width:20px;}
     #smalleinaus { display: block;  margin-top: 10px;margin-left: 10px; float:left;}
	#footsitemap ul li a { margin:10px; }


@media (min-width: 240px) and (max-width: 599px) {
    #page

{
    width: 100%;
    min-height: 0px;
    margin: 0;
    padding: 0;
}

#contentcontainer {
    float: left;
    width: 100%;
}

#head, #floatholder, #content {
    width: 100%;
}

.InfokastenOben {
    display: block
}

.InfoKastenPrivatInner {
    display: none
}

#logo {
    float: right;
    width: 70%;
    margin-right: 20px;
}

    #logo img {
        float: right;
        width: 70%;
    }

#content {
    width: 100%;
    min-height: 0px;
    margin-left: 3px;
    padding-right: 30px;
    font-size: 90%;
}

#suche {
    float: right;
    padding-top: 10px;
    margin-right: 20px;
    margin-left: 0px
}

#content h2 {
    font-size: 130%;
}

#content ul {
    padding: 0;
    margin-left: 19px;
    ;
}

#warenkorb {
    float: left;
    font-size: 110%;
    margin-left: 10px;
    margin-top: 0px;
    padding-bottom: 5px;
}

#headnavigation {
    display: none
}

#content h3 {
    font-size: 100%;
}

#content img {
    max-width: 100%;
    width: 100%;
    margin-botton: 15px;
    height: auto;
}

#left2 {
    display: none
}

#foot {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 7px;
}
}


